scene introduction

src/components/SceneDesigner/Scene.vue

@@ -23,6 +23,13 @@
             </template>
         </asset-selector>
 
+        <v-img v-if="modelValue.intro" :src="`/asset/thumb/${modelValue.intro}.webp`" />
+        <asset-selector @select="assignIntro" :type="['Video']">
+            <template v-slot:activator="props">
+                <v-btn v-bind="props" prepend-icon="mdi-filmstrip" block color="deep-orange-darken-4" class="my-4">Select introduction</v-btn>
+            </template>
+        </asset-selector>
+
         <v-form class="py-4">
             <v-text-field density="compact" :label="l.name" v-model="modelValue.title"></v-text-field>
             <v-textarea :label="l.description" v-model="modelValue.description"></v-textarea>
@@ -78,6 +85,9 @@ export default {
                 this.modelValue.title = e.name
             }
         }, 
+        assignIntro(e){
+            this.modelValue.intro = e.id;
+        }, 
     }
 }
 </script>