From e9fe020c0c394775e65a236ae494d9fd88a32f47 Mon Sep 17 00:00:00 2001
From: Taylor Otwell <taylorotwell@gmail.com>
Date: Sat, 23 Jul 2016 13:40:49 -0500
Subject: [PATCH] sample js component

---
 gulpfile.js                                |  2 ++
 package.json                               |  1 +
 resources/assets/js/app.js                 |  2 ++
 resources/assets/js/bootstrap.js           |  2 --
 resources/assets/js/components/Example.vue | 13 +++++++++++++
 5 files changed, 18 insertions(+), 2 deletions(-)
 create mode 100644 resources/assets/js/components/Example.vue

diff --git a/gulpfile.js b/gulpfile.js
index 526982dc..41a14668 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -1,5 +1,7 @@
 var elixir = require('laravel-elixir');
 
+require('laravel-elixir-vue');
+
 /*
  |--------------------------------------------------------------------------
  | Elixir Asset Management
diff --git a/package.json b/package.json
index 74d7bb1a..5b6f7d1e 100644
--- a/package.json
+++ b/package.json
@@ -13,6 +13,7 @@
   "dependencies": {
     "jquery": "^2.2.4",
     "js-cookie": "^2.1.2",
+    "laravel-elixir-vue": "^0.1.4",
     "vue": "^1.0.26",
     "vue-resource": "^0.9.3"
   }
diff --git a/resources/assets/js/app.js b/resources/assets/js/app.js
index 06787d9f..fd6d5236 100644
--- a/resources/assets/js/app.js
+++ b/resources/assets/js/app.js
@@ -13,6 +13,8 @@ require('./bootstrap');
  * the application, or feel free to tweak this setup for your needs.
  */
 
+Vue.component('example', require('./components/Example.vue'));
+
 var app = new Vue({
     el: 'body',
 
diff --git a/resources/assets/js/bootstrap.js b/resources/assets/js/bootstrap.js
index 98366cba..f748b962 100644
--- a/resources/assets/js/bootstrap.js
+++ b/resources/assets/js/bootstrap.js
@@ -8,7 +8,6 @@ window.Cookies = require('js-cookie');
  */
 
 window.$ = window.jQuery = require('jquery');
-
 require('bootstrap-sass/assets/javascripts/bootstrap');
 
 /**
@@ -18,7 +17,6 @@ require('bootstrap-sass/assets/javascripts/bootstrap');
  */
 
 window.Vue = require('vue');
-
 require('vue-resource');
 
 /**
diff --git a/resources/assets/js/components/Example.vue b/resources/assets/js/components/Example.vue
new file mode 100644
index 00000000..5bf49bae
--- /dev/null
+++ b/resources/assets/js/components/Example.vue
@@ -0,0 +1,13 @@
+<template>
+    <div>
+        <h1>Example Component</h1>
+    </div>
+</template>
+
+<script>
+    export default {
+        ready() {
+            console.log('Component ready.')
+        }
+    }
+</script>