s9e119 setting up proj

s9/src/App.vue

@@ -2,15 +2,19 @@
     <div class="container">
         <div class="row">
             <div class="col-xs-12">
-               
+                <app-quote></app-quote>
             </div>
         </div>
     </div>
 </template>
 
 <script>
+    import Quote from './components/Quote.vue'
 
     export default {
+        components: {
+            appQuote: Quote
+        }
         
     }
 </script>

s9/src/components/Quote.vue

@@ -0,0 +1,20 @@
+<template>
+    <div>
+        <p>A wondeful Quote</p>
+    </div>
+</template>
+
+<script>
+
+</script>
+
+<style scoped>
+    div {
+        border: 1px solid #ccc;
+        box-shadow: 1px 1px 2px black;
+        padding: 30px;
+        margin: 30px auto;
+        text-align: center;
+
+    }
+</style>