Auto stash before merge of "master" and "origin/master"

resources/assets/js/app.js

@@ -15,8 +15,8 @@ window.Vue = require('vue');
  * or customize the JavaScript scaffolding to fit your unique needs.
  */
 
-Vue.component('example-component', require('./components/ExampleComponent.vue'));
+Vue.component('course-form', require('./components/CourseForm.vue'));
 
 const app = new Vue({
     el: '#app'
-});
+});

resources/assets/js/components/CourseForm.vue

@@ -0,0 +1,16 @@
+<template>
+    <form>
+        <div class="form-group">
+            <input type="text" class="form-control" id="name" placeholder="Course name"/>
+        </div>
+        <button type="submit" class="btn btn-default">Submit</button>
+    </form>
+</template>
+
+<script>
+    export default {
+        mounted() {
+            console.log('Course form mounted.')
+        }
+    }
+</script>

resources/assets/js/components/ExampleComponent.vue

@@ -1,23 +0,0 @@
-<template>
-    <div class="container">
-        <div class="row">
-            <div class="col-md-8 col-md-offset-2">
-                <div class="panel panel-default">
-                    <div class="panel-heading">Example Component</div>
-
-                    <div class="panel-body">
-                        I'm an example component!
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-</template>
-
-<script>
-    export default {
-        mounted() {
-            console.log('Component mounted.')
-        }
-    }
-</script>

resources/views/dashboard.blade.php

@@ -8,4 +8,6 @@
 <p>{{ $course->name }}</p>
 @endforeach
 
+<course-form></course-form>
+
 @endsection