1 | <p align="center">
|
2 | <img src="https://user-images.githubusercontent.com/8784712/36352897-581670e6-14fa-11e8-98e6-163f10bd8ab5.png" width="400">
|
3 | </p>
|
4 |
|
5 | <p align="center"><a href="https://npmjs.com/package/ream"><img src="https://img.shields.io/npm/v/ream.svg?style=for-the-badge" alt="NPM version"></a> <a href="https://npmjs.com/package/ream"><img src="https://img.shields.io/npm/dm/ream.svg?style=for-the-badge" alt="NPM downloads"></a> <a href="https://circleci.com/gh/ream/ream/tree/master"><img src="https://img.shields.io/circleci/project/github/ream/ream/master.svg?style=for-the-badge" alt="CircleCI"></a> <br><a href="https://github.com/egoist/donate"><img src="https://img.shields.io/badge/$-donate-ff69b4.svg?maxAge=2592000&style=for-the-badge" alt="donate"></a> <a href="https://chat.egoist.moe"><img src="https://img.shields.io/badge/chat-on%20discord-7289DA.svg?style=for-the-badge" alt="chat"></a></p>
|
6 |
|
7 | ## Install
|
8 |
|
9 | ```bash
|
10 | yarn add ream
|
11 | ```
|
12 |
|
13 | ## Usage
|
14 |
|
15 | Unlike a regular Vue SPA, you must export a function which returns an object in your app entry in order to make it work with Ream:
|
16 |
|
17 | ```js
|
18 | // index.js
|
19 | import Vue from 'vue'
|
20 | import Router from 'vue-router'
|
21 |
|
22 | Vue.use(Router)
|
23 |
|
24 | export default () => ({
|
25 | router: new Router({
|
26 | mode: 'history',
|
27 | routes: [{
|
28 | path: '/',
|
29 | // Dynamically load your index component
|
30 | component: () => import('./index.vue')
|
31 | }]
|
32 | })
|
33 | })
|
34 | ```
|
35 |
|
36 | And that's it, run `ream dev` and have fun playing with your app at `http://localhost:4000`.
|
37 |
|
38 | ## Roadmap
|
39 |
|
40 | - [ ] Document how to modify internal webpack config.
|
41 | - [ ] Add proper tests.
|
42 |
|
43 | To make things happen faster, you may consider becoming a patron to support the development:
|
44 |
|
45 | <a href="https://patreon.com/egoist">
|
46 | <img src="https://c5.patreon.com/external/logo/become_a_patron_button@2x.png" height="50">
|
47 | </a>
|
48 |
|
49 | ## Contributing
|
50 |
|
51 | 1. Fork it!
|
52 | 2. Create your feature branch: `git checkout -b my-new-feature`
|
53 | 3. Commit your changes: `git commit -am 'Add some feature'`
|
54 | 4. Push to the branch: `git push origin my-new-feature`
|
55 | 5. Submit a pull request :D
|
56 |
|
57 |
|
58 | ## Author
|
59 |
|
60 | **ream** © [egoist](https://github.com/egoist), Released under the [MIT](./LICENSE) License.<br>
|
61 | Authored and maintained by egoist with help from contributors ([list](https://github.com/ream/ream/contributors)).
|
62 |
|
63 | > [github.com/egoist](https://github.com/egoist) · GitHub [@egoist](https://github.com/egoist) · Twitter [@_egoistlily](https://twitter.com/_egoistlily)
|