From: Eduardo San Martin Morote <posva13@gmail.com>
Date: Wed, 6 Oct 2021 09:29:16 +0000 (+0200)
Subject: feat(playground): handle videos
X-Git-Tag: pinia@2.0.0-rc.12~7
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=3f226f018673216f836c90c89d669889834d1621;p=thirdparty%2Fvuejs%2Fpinia.git

feat(playground): handle videos
---

diff --git a/packages/playground/src/views/NasaPOD.vue b/packages/playground/src/views/NasaPOD.vue
index 22dd5a77..93519799 100644
--- a/packages/playground/src/views/NasaPOD.vue
+++ b/packages/playground/src/views/NasaPOD.vue
@@ -23,7 +23,18 @@
       <h3 class="mb-4 text-center">{{ image.title }}</h3>
 
       <figure class="mb-0">
+        <iframe
+          v-if="image.url.includes('youtube.com')"
+          width="560"
+          height="315"
+          :key="image.url"
+          :src="image.url"
+          frameborder="0"
+          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+          allowfullscreen
+        ></iframe>
         <img
+          v-else
           class="max-w-full m-auto max-h-[75vh]"
           :src="image.url"
           :key="image.url"
diff --git a/packages/playground/vite.config.ts b/packages/playground/vite.config.ts
index 05ea1eef..456e8764 100644
--- a/packages/playground/vite.config.ts
+++ b/packages/playground/vite.config.ts
@@ -1,10 +1,8 @@
 import { defineConfig, Plugin } from 'vite'
 import vue from '@vitejs/plugin-vue'
-import _fs from 'fs'
+import { promises as fs } from 'fs'
 import path from 'path'
 
-const fs = _fs.promises
-
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [vue(), copyPiniaPlugin()],