From f19dc139aa0fcbb34770635c0dbcdb31abdeab2d Mon Sep 17 00:00:00 2001
From: Tyrel Souza <tyrelsouza@gmail.com>
Date: Tue, 17 Apr 2018 00:10:17 -0400
Subject: [PATCH] s6e100 scoped styles

---
 s6e96/src/components/Server/ServerDetails.vue | 7 +++++++
 s6e96/src/components/Server/Servers.vue       | 9 ++++++++-
 s6e96/src/main.js                             | 8 +-------
 3 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/s6e96/src/components/Server/ServerDetails.vue b/s6e96/src/components/Server/ServerDetails.vue
index 8e2df99..7ad18dc 100644
--- a/s6e96/src/components/Server/ServerDetails.vue
+++ b/s6e96/src/components/Server/ServerDetails.vue
@@ -5,4 +5,11 @@
 </template>
 
 <script>
+
 </script>
+
+<style scoped>
+    div {
+        border: 1px solid red;
+    }
+</style>
\ No newline at end of file
diff --git a/s6e96/src/components/Server/Servers.vue b/s6e96/src/components/Server/Servers.vue
index c09bb5e..5f843f8 100644
--- a/s6e96/src/components/Server/Servers.vue
+++ b/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>
\ No newline at end of file
diff --git a/s6e96/src/main.js b/s6e96/src/main.js
index e926bca..735981e 100644
--- a/s6e96/src/main.js
+++ b/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),
   
-})
+});