From 75089b1d1ce4e2cada2af2915f8d6a720f1e2242 Mon Sep 17 00:00:00 2001
From: LIghtJUNction <lightjunction.me@gmail.com>
Date: Thu, 26 Mar 2026 16:38:19 +0800
Subject: [PATCH] fix dashboard: fix Vue component self-closing lint errors in
 InstalledPluginsTab.vue

- Vue components (v-text-field, v-btn, v-col, ExtensionCard) now use self-closing
- HTML void element (img) no longer uses self-closing
- HTML normal elements (span, i) now use self-closing when empty
---
 .../views/extension/InstalledPluginsTab.vue   | 22 +++++++++----------
 1 file changed, 10 insertions(+), 12 deletions(-)

diff --git a/dashboard/src/views/extension/InstalledPluginsTab.vue b/dashboard/src/views/extension/InstalledPluginsTab.vue
index 0d6df59d7..5150e440c 100644
--- a/dashboard/src/views/extension/InstalledPluginsTab.vue
+++ b/dashboard/src/views/extension/InstalledPluginsTab.vue
@@ -286,8 +286,7 @@ const pinnedPlugins = computed(() => {
             hide-details
             single-line
             style="min-width: 220px; max-width: 340px"
-          >
-          </v-text-field>
+          />
 
           <v-btn-toggle
             v-model="isListView"
@@ -296,8 +295,8 @@ const pinnedPlugins = computed(() => {
             color="primary"
             class="view-mode-toggle"
           >
-            <v-btn :value="false" icon="mdi-view-grid"></v-btn>
-            <v-btn :value="true" icon="mdi-view-list"></v-btn>
+            <v-btn :value="false" icon="mdi-view-grid" />
+            <v-btn :value="true" icon="mdi-view-list" />
           </v-btn-toggle>
         </div>
       </div>
@@ -374,7 +373,7 @@ const pinnedPlugins = computed(() => {
 
             <v-row class="mt-3 relative" dense align="center" style="gap: 12px">
               <template v-if="!pinnedPlugins || pinnedPlugins.length === 0">
-                <v-col cols="auto" v-for="n in 4" :key="n"> </v-col>
+                <v-col cols="auto" v-for="n in 4" :key="n" />
               </template>
 
               <transition-group name="list" class="v-row v-row--dense">
@@ -511,7 +510,7 @@ const pinnedPlugins = computed(() => {
                       border-radius: 8px;
                       object-fit: cover;
                     "
-                  />
+                  >
                 </div>
 
                 <div>
@@ -722,7 +721,7 @@ const pinnedPlugins = computed(() => {
                       variant="tonal"
                       color="secondary"
                       class="table-action-btn"
-                    ></v-btn>
+                    />
                   </template>
 
                   <v-list-item
@@ -817,8 +816,7 @@ const pinnedPlugins = computed(() => {
               @view-handlers="showPluginInfo(extension)"
               @view-readme="viewReadme(extension)"
               @view-changelog="viewChangelog(extension)"
-            >
-            </ExtensionCard>
+            />
           </v-col>
         </v-row>
       </div>
@@ -839,14 +837,14 @@ const pinnedPlugins = computed(() => {
           "
           @click="dialog = true"
         >
-          <span class="v-btn__overlay"></span>
-          <span class="v-btn__underlay"></span>
+          <span class="v-btn__overlay" />
+          <span class="v-btn__underlay" />
           <span class="v-btn__content" data-no-activator="">
             <i
               class="mdi-plus mdi v-icon notranslate v-theme--PurpleThemeDark v-icon--size-default"
               aria-hidden="true"
               style="font-size: 32px"
-            ></i>
+            />
           </span>
         </button>
       </template>