https://github.com/Akryum/meteor-vue-example

Simple meteor example with vue
https://github.com/Akryum/meteor-vue-example

Last synced: 3 months ago
JSON representation

Simple meteor example with vue

• Host: GitHub
• URL: https://github.com/Akryum/meteor-vue-example
• Owner: Akryum
• Created: 2016-06-17T19:54:18.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2019-02-10T12:55:51.000Z (over 5 years ago)
• Last Synced: 2024-05-07T21:02:00.326Z (6 months ago)
• Language: Vue
• Size: 10.7 KB
• Stars: 31
• Watchers: 4
• Forks: 13
• Open Issues: 3
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Simple meteor app with vue

A simple meteor project featuring [vue](https://vuejs.org/) as ui layer ([more info](https://github.com/Akryum/meteor-vue-component)).

## Steps to reproduce

In the console, create the project and add the relevant packages:

    meteor create meteor-vue-example

    cd ./meteor-vue-example

    meteor remove blaze-html-templates

    meteor add static-html akryum:vue akryum:vue-component session

    meteor

All the required npm dependencies will be automatically added to your project's `package.json` and installed with `meteor npm install`.

Replace the `client/main.html` file with:

```html

  meteor-vue-example

  

```

Replace the `client/main.js` file with:

```javascript

// Libs

import {Meteor} from 'meteor/meteor';

import {Vue} from 'meteor/akryum:vue';

// Main app

import App from '/imports/ui/App.vue';

Meteor.startup(() => {

  new Vue({

    el: 'body',

    replace: false,

    components: {

      App

    }

  });

});

```

Create Vue components in `.vue` files. Component files outside of the `imports` directory will automatically registered with `Vue.component` ([more info](https://github.com/Akryum/meteor-vue-component/tree/master/packages/vue-component#global-vue-components)). Or you can import your single-file components with an `import` statement ([more info](https://github.com/Akryum/meteor-vue-component/tree/master/packages/vue-component#manual-import)). When you save them, your components will be instantly hot-reloaded in your browser.

You can add more languages in your single-file components, see [here](https://github.com/Akryum/meteor-vue-component/tree/master/packages/vue-component#language-packages).

Inside your Vue components, you can use [Meteor tracker](https://github.com/Akryum/meteor-vue-component/tree/master/packages/vue#usage), [Apollo](https://github.com/Akryum/meteor-vue-component/tree/master/packages/vue-apollo#installation) or [a vuex store](https://github.com/Akryum/meteor-vue-component/tree/master/packages/vuex#installation).

You can add a [routing system](https://github.com/Akryum/meteor-vue-component/tree/master/packages/vue-router#installation) and [localization](https://github.com/Akryum/meteor-vue-component/tree/master/packages/vue-i18n#installation).