s6e100 scoped styles

s6e96/src/components/Server/ServerDetails.vue

@@ -5,4 +5,11 @@
 </template>
 
 <script>
+
 </script>
+
+<style scoped>
+    div {
+        border: 1px solid red;
+    }
+</style>

s6e96/src/components/Server/Servers.vue

@@ -1,7 +1,7 @@
 <template>
     <div class="col-xs-12 col-sm-6">
         <ul class="list-group">
-            <li class="list-group-item" v-for="index in 5">
+            <li class="list-group-item" v-for="index in 10" :key="index">
                 Server #{{ index }}
             </li>
         </ul>
@@ -12,3 +12,10 @@
   export default {
     }
 </script>
+
+<style scoped>
+    div {
+        border: 1px solid blue;
+    }
+
+</style>

s6e96/src/main.js

@@ -1,14 +1,8 @@
 import Vue from 'vue'
 import App from './App.vue'
 
-
-
-
-
-
-
 new Vue({
   el: '#app',
   render: h => h(App),
   
-})
+});