fix

.stylelintrc.json

@@ -24,5 +24,6 @@
         "liberty/use-logical-spec": true,
         "selector-class-pattern": null,
         "color-function-notation": null
-    }
+    },
+    "fix": true
 }

src/views/plugin/PluginCardListView.vue

@@ -243,7 +243,17 @@ onBeforeMount(() => {
     error-description="点击右下角按钮，前往插件市场安装插件。"
   />
   <!-- App市场 -->
+  <VFab
+    icon="mdi-store-plus"
+    location="bottom end"
+    size="x-large"
+    fixed
+    app
+    appear
+    @click="PluginAppDialog = true"
+  />
   <VDialog
+    v-if="PluginAppDialog"
     v-model="PluginAppDialog"
     fullscreen
     scrollable
@@ -251,19 +261,6 @@ onBeforeMount(() => {
     :z-index="1010"
     transition="dialog-bottom-transition"
   >
-    <!-- Dialog Activator -->
-    <template #activator="{ props }">
-      <VFab
-        v-bind="props"
-        icon="mdi-store-plus"
-        location="bottom end"
-        size="x-large"
-        fixed
-        app
-        appear
-      />
-    </template>
-
     <!-- Dialog Content -->
     <VCard>
       <!-- Toolbar -->
@@ -318,17 +315,7 @@ onBeforeMount(() => {
   </VDialog>
 
   <!-- 插件搜索 -->
-  <VDialog
-    v-model="SearchDialog"
-    scrollable
-    :z-index="1010"
-    max-width="40rem"
-    max-height="85vh"
-  >
-    <!-- Dialog Activator -->
-    <template #activator="{ props }">
   <VFab
-        v-bind="props"
     icon="mdi-magnify"
     color="info"
     location="bottom end"
@@ -337,8 +324,16 @@ onBeforeMount(() => {
     fixed
     app
     appear
+    @click="SearchDialog = true"
   />
-    </template>
+  <VDialog
+    v-if="SearchDialog"
+    v-model="SearchDialog"
+    scrollable
+    :z-index="1010"
+    max-width="40rem"
+    max-height="85vh"
+  >
     <VCard
       class="mx-auto"
       width="100%"