优化浏览器警告

src/components/cards/BackdropCard.vue

@@ -48,16 +48,18 @@ const getImgUrl = computed(() => {
                 <VSkeletonLoader class="object-cover aspect-w-3 aspect-h-2" />
               </div>
             </template>
-            <VCardText
-              class="w-full flex flex-col flex-wrap justify-end align-left text-white absolute bottom-0 cursor-pointer pa-2"
-            >
-              <h1
-                class="mb-1 text-white text-shadow font-extrabold text-xl line-clamp-2 overflow-hidden text-ellipsis ..."
+            <template #default>
+              <VCardText
+                class="w-full flex flex-col flex-wrap justify-end align-left text-white absolute bottom-0 cursor-pointer pa-2"
               >
-                {{ props.media?.title }}
-              </h1>
-              <span class="text-shadow">{{ props.media?.subtitle }}</span>
-            </VCardText>
+                <h1
+                  class="mb-1 text-white text-shadow font-extrabold text-xl line-clamp-2 overflow-hidden text-ellipsis ..."
+                >
+                  {{ props.media?.title }}
+                </h1>
+                <span class="text-shadow">{{ props.media?.subtitle }}</span>
+              </VCardText>
+            </template>
           </VImg>
         </template>
         <div class="w-full absolute bottom-0">

src/components/cards/LibraryCard.vue

@@ -170,13 +170,15 @@ onMounted(async () => {
                 <VSkeletonLoader class="object-cover aspect-w-3 aspect-h-2" />
               </div>
             </template>
-            <VCardText
-              class="w-full flex flex-col flex-wrap justify-end align-center text-white absolute bottom-0 cursor-pointer pa-2"
-            >
-              <h1 class="mb-1 text-white text-shadow font-bold line-clamp-2 overflow-hidden text-ellipsis ...">
-                {{ props.media?.name }}
-              </h1>
-            </VCardText>
+            <template #default>
+              <VCardText
+                class="w-full flex flex-col flex-wrap justify-end align-center text-white absolute bottom-0 cursor-pointer pa-2"
+              >
+                <h1 class="mb-1 text-white text-shadow font-bold line-clamp-2 overflow-hidden text-ellipsis ...">
+                  {{ props.media?.name }}
+                </h1>
+              </VCardText>
+            </template>
           </VImg>
         </template>
       </VCard>

src/components/cards/PluginCard.vue

@@ -170,7 +170,9 @@ const iconPath: Ref<string> = computed(() => {
   if (imageLoadError.value) return noImage
   // 如果是网络图片则使用代理后返回
   if (props.plugin?.plugin_icon?.startsWith('http'))
-    return `${import.meta.env.VITE_API_BASE_URL}system/img/1?imgurl=${encodeURIComponent(props.plugin?.plugin_icon)}&cache=true`
+    return `${import.meta.env.VITE_API_BASE_URL}system/img/1?imgurl=${encodeURIComponent(
+      props.plugin?.plugin_icon,
+    )}&cache=true`
 
   return `./plugin_icon/${props.plugin?.plugin_icon}`
 })
@@ -475,7 +477,9 @@ watch(
             <div class="flex flex-nowrap items-center w-full pe-10">
               <div class="flex flex-nowrap max-w-40 items-center align-middle">
                 <VImg :src="authorPath" class="author-avatar" @load="isAvatarLoaded = true">
-                  <VIcon v-if="!isAvatarLoaded" size="small" icon="mdi-github" class="me-1" />
+                  <template #default>
+                    <VIcon v-if="!isAvatarLoaded" size="small" icon="mdi-github" class="me-1" />
+                  </template>
                 </VImg>
                 <a
                   :href="props.plugin?.author_url"

src/components/cards/SubscribeCard.vue

@@ -346,7 +346,9 @@ function onSubscribeEditRemove() {
                     <VSkeletonLoader class="object-cover aspect-w-3 aspect-h-2" />
                   </div>
                 </template>
-                <div class="absolute inset-0 outline-none subscribe-card-background"></div>
+                <template #default>
+                  <div class="absolute inset-0 outline-none subscribe-card-background"></div>
+                </template>
               </VImg>
               <div
                 v-if="subscribeState === 'P'"

src/components/cards/SubscribeShareCard.vue

@@ -121,7 +121,9 @@ function doDelete() {
                     <VSkeletonLoader class="object-cover aspect-w-3 aspect-h-2" />
                   </div>
                 </template>
-                <div class="absolute inset-0 subscribe-card-background"></div>
+                <template #default>
+                  <div class="absolute inset-0 subscribe-card-background"></div>
+                </template>
               </VImg>
             </template>
             <div class="h-full flex flex-col">

src/components/dialog/ForkWorkflowDialog.vue

@@ -148,7 +148,6 @@ async function doDelete() {
 <template>
   <VDialog max-width="40rem" scrollable>
     <VCard>
-      <VDialogCloseBtn @click="emit('close')" />
       <VCardText>
         <VCol>
           <div class="d-flex justify-space-between flex-wrap flex-md-nowrap flex-column flex-md-row">
@@ -242,6 +241,7 @@ async function doDelete() {
           </div>
         </VCol>
       </VCardText>
+      <VDialogCloseBtn @click="emit('close')" />
     </VCard>
   </VDialog>
 </template>