Lawrence Wakefield lwakefield

## client.js
import Vue from 'vue';
import App from 'components/app';

new Vue({
    el: 'body',
    components: { App },
});

## meteor-vue-instantiate.js
if (Meteor.isClient) {
    Meteor.startup(() => {
        new Vue({
            el: 'body',
        });
    });
}

## vue-meteor-sync.js
let Todos = new Mongo.Collection('todos');
let App = Vue.component('app', {
  template: '#app',
  data() {
    return {
    todos: []
    }
  },
  created() {
    Tracker.autorun( () => this.todos = Todos.find().fetch() );

## meteor-vue-todo.html
<head>
    <title>meteor-vue-todo</title>
</head>

<body>
    <app></app>

    <template id="app">
        <div class="app">
            <h1>Meteor Vue Todos</h1>

## meteor-vue-todo.js
let Todos = new Mongo.Collection('todos');

if (Meteor.isClient) {
    let App = Vue.component('app', {
        template: '#app',
        data() {
            return {
                todos: [],
                newTodo: ''
            }

## gulpfile.js
var elixir = require('laravel-elixir');
elixir.config.assetsPath = 'src';
elixir.config.publicPath = 'dist';

elixir(function(mix) {
    mix.browserSync({
        files: ['**/*.html', '**/*.css', '**/*.js']
    });
    mix.browserify('app.js');
    mix.sass('app.scss');
	import Vue from 'vue';
	import App from 'components/app';

	new Vue({
	el: 'body',
	components: { App },
	});
	if (Meteor.isClient) {
	Meteor.startup(() => {
	new Vue({
	el: 'body',
	});
	});
	}
	let Todos = new Mongo.Collection('todos');
	let App = Vue.component('app', {
	template: '#app',
	data() {
	return {
	todos: []
	}
	},
	created() {
	Tracker.autorun( () => this.todos = Todos.find().fetch() );
	<head>
	<title>meteor-vue-todo</title>
	</head>

	<body>
	<app></app>

	<template id="app">
	<div class="app">
	<h1>Meteor Vue Todos</h1>
	var elixir = require('laravel-elixir');
	elixir.config.assetsPath = 'src';
	elixir.config.publicPath = 'dist';

	elixir(function(mix) {
	mix.browserSync({
	files: ['*/.html', '*/.css', '*/.js']
	});
	mix.browserify('app.js');
	mix.sass('app.scss');