fix(jsonViewer): 按需引入

src/main.ts

@@ -1,3 +1,10 @@
+/**
+ * @file main.ts
+ * @description Main entry
+ * @author BTMuli<bt-muli@outlook.com>
+ * @since Alpha v0.1.2
+ */
+
 // vue
 import { createApp } from "vue";
 import App from "./App.vue";
@@ -10,8 +17,5 @@ import "vuetify/styles";
 import { createVuetify } from "vuetify";
 // 全局样式
 import "./assets/index.css";
-// plugins
-// @ts-ignore
-import JsonViewer from "vue-json-viewer";
 
-createApp(App).use(router).use(store).use(createVuetify()).use(JsonViewer).mount("#app");
+createApp(App).use(router).use(store).use(createVuetify()).mount("#app");

src/views/t-anno-json.vue

@@ -13,6 +13,7 @@
 // vue
 import { ref, onMounted, reactive } from "vue";
 import { useRoute } from "vue-router";
+import JsonViewer from "vue-json-viewer";
 import TLoading from "../components/t-loading.vue";
 // plugins
 import GenshinOper from "../plugins/Genshin";

src/views/t-post-json.vue

@@ -10,6 +10,7 @@
 // vue
 import { ref, onMounted, reactive } from "vue";
 import { useRoute } from "vue-router";
+import JsonViewer from "vue-json-viewer";
 import TLoading from "../components/t-loading.vue";
 // plugins
 import MysOper from "../plugins/Mys";

src/vite-env.d.ts

@@ -5,3 +5,9 @@ declare module "*.vue" {
 	const component: DefineComponent<{}, {}, any>;
 	export default component;
 }
+
+declare module 'vue-json-viewer' {
+	import { Plugin } from 'vue';
+	const plugin: Plugin;
+	export default plugin;
+}