dummy data 추가

@@ -59,7 +59,7 @@
             style="font-size: 24px; text-align: center; font-weight: 400; color: #5a5a5a;"
           >How To start this service</div>
           <div
-            style="font-size: 20px; font-weight: 300; color: #888; text-align: center; margin-bottom: 5px"
+            style="font-size: 20px; font-weight: 300; color: #888; text-align: center; margin-bottom: 15px"
           >
             <div>Set up Threshold of</div>
             <div>Recommended Youtube link</div>
@@ -103,16 +103,16 @@
               style="margin-left: 5px; margin-top: -18px; background-color: #fff; width: 110px; text-align: center;font-size: 14px; color: #5a5a5a; font-weight: 500"
             >Generated Tags</div>
             <v-chip-group column>
-              <v-chip color="secondary" v-for="(tag, index) in generatedTag" :key="index">{{ tag }}</v-chip>
+              <v-chip color="secondary" v-for="(tag, index) in generatedTag" :key="index">{{ tag.name }} : {{tag.accuracy}}</v-chip>
             </v-chip-group>
           </v-card>
-          <v-card outlined class="pa-2 mx-5 mt-8" elevation="0" min-height="67">
+          <v-card outlined class="pa-3 mx-5 mt-8" elevation="0" min-height="67">
             <div
-              style="margin-left: 5px; margin-top: -18px; background-color: #fff; width: 140px; text-align: center;font-size: 14px; color: #5a5a5a; font-weight: 500"
+              style="margin-left: 5px; margin-top: -22px; margin-bottom: 5px; background-color: #fff; width: 140px; text-align: center;font-size: 14px; color: #5a5a5a; font-weight: 500"
             >Related Youtube Link</div>
-            <v-flex v-for="(url) in YoutubeUrl" :key="url.id">
+            <v-flex style="margin-bottom: 2px" v-for="(url) in YoutubeUrl" :key="url.id">
               <div>
-                <a :href="url">{{url}}</a>
+                <a style="color: #343a40; font-size: 16px; font-weight: 500" :href="url">{{url}}</a>
               </div>
             </v-flex>
           </v-card>
@@ -136,8 +136,20 @@ export default {
   data() {
     return {
       videoFile: '',
-      YoutubeUrl: [],
-      generatedTag: [],
+      YoutubeUrl: [
+        'https://www.youtube.com/watch?v=8KrzgB1NWKI',
+        'https://www.youtube.com/watch?v=YfI7iQrqKGg',
+        'https://www.youtube.com/watch?v=AoO9vUCqgsw',
+        'https://www.youtube.com/watch?v=fRYDHLseGLg',
+        'https://www.youtube.com/watch?v=WOMUrZ9owhA',
+      ],
+      generatedTag: [
+        { name: 'mobile-phone', accuracy: '35%' },
+        { name: 'smartphone', accuracy: '33%' },
+        { name: 'concert', accuracy: '14%' },
+        { name: 'car', accuracy: '11%' },
+        { name: 'dance', accuracy: '5%' },
+      ],
       threshold: 5,
       successDialog: false,
       errorDialog: false,
@@ -145,8 +157,8 @@ export default {
     };
   },
   created() {
-    this.YoutubeUrl = [];
-    this.generatedTag = [];
+    // this.YoutubeUrl = [];
+    // this.generatedTag = [];
   },
   methods: {
     loadVideoInfo() {},