chore: update plugin config

console/src/index.ts

@@ -23,7 +23,7 @@ export default definePlugin({
                 title: "HelloWorld",
                 searchable: true,
                 menu: {
-                  name: "迁移",
+                  name: "PluginStarter",
                   group: "From PluginStarter",
                   icon: markRaw(IconGrid),
                   priority: 0,

console/src/views/DefaultView.vue

@@ -12,11 +12,20 @@ export default defineComponent({
 });
 </script>
 <template>
-  <div class="title">Hello World</div>
-  <img v-permission="['plugin:apples:view']" :src="logo" alt="logo"/>
+  <div class="app">
+    <div class="title">Hello World</div>
+    <img v-permission="['plugin:apples:view']" :src="logo" alt="logo"/>
+  </div>
 </template>
 <style scoped>
+.app {
+  background-color: #fff;
+  width: 100%;
+}
 .title {
   color: red;
 }
+img {
+  width: 64px;
+}
 </style>

console/vite.config.ts

@@ -4,6 +4,8 @@ import { defineConfig } from "vite";
 import vue from "@vitejs/plugin-vue";
 import vueJsx from "@vitejs/plugin-vue-jsx";
 
+const pluginEntryName = "PluginStarter"
+
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [vue(), vueJsx()],
@@ -19,7 +21,7 @@ export default defineConfig({
     emptyOutDir: true,
     lib: {
       entry: "src/index.ts",
-      name: "PluginStarter",
+      name: pluginEntryName,
       formats: ["iife"],
       fileName: () => "main.js",
     },

src/main/resources/console/style.css

@@ -1 +1 @@
-.title[data-v-e98165fe]{color:red}.title{font-size:20px}
+.app[data-v-d2e9f81a]{background-color:#fff;min-height:100%;width:100%}.title[data-v-d2e9f81a]{color:red}img[data-v-d2e9f81a]{width:64px}.title{font-size:20px}