other components... (2)

src/components/CVideo/CVideo.ts

@@ -0,0 +1,23 @@
+import { defineComponent, ref, computed } from 'vue'
+
+export default defineComponent({
+  name: 'CVideo',
+  props: {
+    myvideokey: {
+      type: String,
+      required: true,
+    },
+    title: {
+      type: String,
+      required: false,
+      default: '',
+    },
+  },
+  setup(props, { emit }) {
+
+    return {
+
+    }
+  }
+})
+

src/components/CVideo/CVideo.vue

@@ -0,0 +1,27 @@
+<template>
+  <div>
+    <div class="row justify-evenly items-center q-gutter-sm ">
+
+      <div class="text-center">
+        <div class="subtitle_small text-blue" v-html="title"></div>
+        <div class="">
+          <iframe
+            :title="title"
+            :width="tools.getwidthscale(mythis, getValDb('YT_W', false), 800)"
+            :height="tools.getheightbywidth(mythis, getValDb('YT_W', false), getValDb('YT_H', false), 800)"
+            :src="tools.getvideobyidyoutube(myvideokey)"
+            allowfullscreen
+          ></iframe>
+        </div>
+      </div>
+
+    </div>
+
+  </div>
+</template>
+
+<script lang="ts" src="./CVideo.ts">
+</script>
+<style lang="scss" scoped>
+@import './CVideo.scss';
+</style>

src/components/CVideo/index.ts

@@ -0,0 +1 @@
+export {default as CVideo} from './CVideo.vue'