Vueify Elixir

gistfile1.txt

// Gulfile
var elixir = require('laravel-elixir');
require('laravel-elixir-vueify');

elixir(function(mix) {
    mix.sass('all.scss');
    mix.browserify('main.js');
});


// main.js
var Vue = require('vue');

import Greeter from './components/Greeter.vue';
import AsideProfile from './components/AsideProfile.vue';

new Vue({
	el: '#app',

	components: {
		Greeter,
		AsideProfile
	},

	ready() {
		console.log('Vue and Vueify all set to go!');
	}
});

// Components/AsideProfile.vue
<template>
    <sidebar show="{{@showRight}}" placement="right" header="{{ name }}" width="350">
        Here is the body of thing with a new {{ email }}
    </sidebar>
</template>

<script>
import Vuestrap from 'vue-strap';
export default {
    components: {
        'aside':Vuestrap.aside
    },
    data() {
        return {
            name: 'Brad Smith',
            email: '[email protected]'
        };
    }
};
</script>

<style>
    h1 {
        color: #888888;
    }
</style>