Fix demos across framework examples 💞 (#50)

willnguyen1312 · Aug 8, 2023 · 32a59dd · 32a59dd
1 parent 8f87cc7
commit 32a59dd
Show file tree

Hide file tree

Showing 7 changed files with 17 additions and 17 deletions.
diff --git a/examples/with-preact/src/App.tsx b/examples/with-preact/src/App.tsx
@@ -56,7 +56,7 @@ const sources: SourceItem[] = [
   },
   {
     name: "soundcloud",
-    source: "https://soundcloud.com/kainalu-woodhall/see-you-again-tyler-the-creator",
+    source: "https://soundcloud.com/ahmed-gado-1/im-coming-home-skylar-grey",
   },
   {
     name: "streamable",

diff --git a/examples/with-qwik/src/routes/index.tsx b/examples/with-qwik/src/routes/index.tsx
@@ -43,7 +43,7 @@ const sources: SourceItem[] = [
   },
   {
     name: "soundcloud",
-    source: "https://soundcloud.com/kainalu-woodhall/see-you-again-tyler-the-creator",
+    source: "https://soundcloud.com/ahmed-gado-1/im-coming-home-skylar-grey",
   },
   {
     name: "streamable",

diff --git a/examples/with-react/src/App.tsx b/examples/with-react/src/App.tsx
@@ -56,7 +56,7 @@ const sources: SourceItem[] = [
   },
   {
     name: "soundcloud",
-    source: "https://soundcloud.com/kainalu-woodhall/see-you-again-tyler-the-creator",
+    source: "https://soundcloud.com/ahmed-gado-1/im-coming-home-skylar-grey",
   },
   {
     name: "streamable",

diff --git a/examples/with-solid/src/App.tsx b/examples/with-solid/src/App.tsx
@@ -56,7 +56,7 @@ const sources: SourceItem[] = [
   },
   {
     name: "soundcloud",
-    source: "https://soundcloud.com/kainalu-woodhall/see-you-again-tyler-the-creator",
+    source: "https://soundcloud.com/ahmed-gado-1/im-coming-home-skylar-grey",
   },
   {
     name: "streamable",

diff --git a/examples/with-svelte/src/App.svelte b/examples/with-svelte/src/App.svelte
@@ -57,7 +57,7 @@
     },
     {
       name: "soundcloud",
-      source: "https://soundcloud.com/kainalu-woodhall/see-you-again-tyler-the-creator",
+      source: "https://soundcloud.com/ahmed-gado-1/im-coming-home-skylar-grey",
     },
     {
       name: "streamable",

diff --git a/examples/with-vanilla/index.html b/examples/with-vanilla/index.html
@@ -16,7 +16,7 @@
       <div class="h-full w-full" id="video"></div>
     </template>
 
-    <template id="soundcloud" data-source="https://soundcloud.com/kainalu-woodhall/see-you-again-tyler-the-creator">
+    <template id="soundcloud" data-source="https://soundcloud.com/ahmed-gado-1/im-coming-home-skylar-grey">
       <div class="h-full w-full" id="video"></div>
     </template>
 

diff --git a/examples/with-vue/src/App.vue b/examples/with-vue/src/App.vue
@@ -57,7 +57,7 @@ const sources: SourceItem[] = [
   },
   {
     name: "soundcloud",
-    source: "https://soundcloud.com/kainalu-woodhall/see-you-again-tyler-the-creator",
+    source: "https://soundcloud.com/ahmed-gado-1/im-coming-home-skylar-grey",
   },
   {
     name: "streamable",
@@ -153,42 +153,42 @@ watchEffect(
 <template>
   <div class="space-y-4 p-4">
     <div class="h-[600px] w-[600px]">
-      <div class="h-full w-full" v-show="currentSocialPlayerName === 'facebook'">
+      <div class="h-full w-full" v-if="currentSocialPlayerName === 'facebook'">
         <div class="h-full w-full" id="facebook"></div>
       </div>
-      <div class="h-full w-full" v-show="currentSocialPlayerName === 'youtube'">
+      <div class="h-full w-full" v-if="currentSocialPlayerName === 'youtube'">
         <div class="h-full w-full" id="youtube"></div>
       </div>
 
-      <div class="h-full w-full" v-show="currentSocialPlayerName === 'vimeo'">
+      <div class="h-full w-full" v-if="currentSocialPlayerName === 'vimeo'">
         <div class="h-full w-full" id="vimeo"></div>
       </div>
 
-      <div class="h-full w-full" v-show="currentSocialPlayerName === 'soundcloud'">
+      <div class="h-full w-full" v-if="currentSocialPlayerName === 'soundcloud'">
         <div class="h-full w-full" id="soundcloud"></div>
       </div>
 
-      <div class="h-full w-full" v-show="currentSocialPlayerName === 'streamable'">
+      <div class="h-full w-full" v-if="currentSocialPlayerName === 'streamable'">
         <div class="h-full w-full" id="streamable"></div>
       </div>
 
-      <div class="h-full w-full" v-show="currentSocialPlayerName === 'twitch'">
+      <div class="h-full w-full" v-if="currentSocialPlayerName === 'twitch'">
         <div class="h-full w-full" id="twitch"></div>
       </div>
 
-      <div class="h-full w-full" v-show="currentSocialPlayerName === 'wistia'">
+      <div class="h-full w-full" v-if="currentSocialPlayerName === 'wistia'">
         <div class="h-full w-full" id="wistia"></div>
       </div>
 
-      <div class="h-full w-full" v-show="currentSocialPlayerName === 'mixcloud'">
+      <div class="h-full w-full" v-if="currentSocialPlayerName === 'mixcloud'">
         <div class="flex h-full w-full" id="mixcloud"></div>
       </div>
 
-      <div class="h-full w-full" v-show="currentSocialPlayerName === 'dailymotion'">
+      <div class="h-full w-full" v-if="currentSocialPlayerName === 'dailymotion'">
         <div class="flex h-full w-full" id="dailymotion"></div>
       </div>
 
-      <div class="h-full w-full" v-show="currentSocialPlayerName === 'vidyard'">
+      <div class="h-full w-full" v-if="currentSocialPlayerName === 'vidyard'">
         <div class="flex h-full w-full items-center justify-center" id="vidyard"></div>
       </div>
     </div>