From 0141d814d162d9e0b73ba01d736d5a5099821723 Mon Sep 17 00:00:00 2001
From: arlo <webfansplz@gmail.com>
Date: Wed, 4 Sep 2024 12:57:30 +0800
Subject: [PATCH] fix(applet): add missing imports

---
 .../src/modules/custom-inspector/components/Settings.vue   | 7 ++++++-
 packages/applet/src/modules/custom-inspector/index.vue     | 3 ++-
 packages/applet/src/modules/pinia/components/Settings.vue  | 7 ++++++-
 packages/applet/src/modules/pinia/index.vue                | 4 +++-
 4 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/packages/applet/src/modules/custom-inspector/components/Settings.vue b/packages/applet/src/modules/custom-inspector/components/Settings.vue
index 90c5c8f0..b5814f59 100644
--- a/packages/applet/src/modules/custom-inspector/components/Settings.vue
+++ b/packages/applet/src/modules/custom-inspector/components/Settings.vue
@@ -1,10 +1,15 @@
 <script setup lang="ts">
+import { computed, inject } from 'vue'
+import type { Ref } from 'vue'
 import Settings from '~/components/settings/Settings.vue'
 import { useCustomInspectorState } from '~/composables/custom-inspector-state'
 import Navbar from '~/components/basic/Navbar.vue'
 import DevToolsHeader from '~/components/basic/DevToolsHeader.vue'
 
-const settings = inject('pluginSettings')
+const settings = inject<Ref<{
+  options: Record<string, unknown>
+  values: Record<string, unknown>
+}>>('pluginSettings')!
 const customInspectState = useCustomInspectorState()
 const options = computed(() => settings.value.options)
 const values = computed(() => settings.value.values)
diff --git a/packages/applet/src/modules/custom-inspector/index.vue b/packages/applet/src/modules/custom-inspector/index.vue
index 4a307ffe..d9cd1efa 100644
--- a/packages/applet/src/modules/custom-inspector/index.vue
+++ b/packages/applet/src/modules/custom-inspector/index.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, onUnmounted, ref, watch } from 'vue'
+import { computed, onUnmounted, provide, ref, watch } from 'vue'
 import { onRpcConnected, rpc } from '@vue/devtools-core'
 
 import About from './components/About.vue'
@@ -74,6 +74,7 @@ function getInspectorInfo() {
     })
     rpc.value.getPluginSettings(props.id).then((settings) => {
       if (settings.options) {
+      // @ts-expect-error skip type check
         pluginSettings.value = settings
       }
       else {
diff --git a/packages/applet/src/modules/pinia/components/Settings.vue b/packages/applet/src/modules/pinia/components/Settings.vue
index 05850694..e1f36bea 100644
--- a/packages/applet/src/modules/pinia/components/Settings.vue
+++ b/packages/applet/src/modules/pinia/components/Settings.vue
@@ -1,9 +1,14 @@
 <script setup lang="ts">
+import type { Ref } from 'vue'
+import { computed, inject } from 'vue'
 import Settings from '~/components/settings/Settings.vue'
 import Navbar from '~/components/basic/Navbar.vue'
 import DevToolsHeader from '~/components/basic/DevToolsHeader.vue'
 
-const settings = inject('pluginSettings')
+const settings = inject<Ref<{
+  options: Record<string, unknown>
+  values: Record<string, unknown>
+}>>('pluginSettings')!
 const options = computed(() => settings.value.options)
 const values = computed(() => settings.value.values)
 const inspectorId = 'pinia'
diff --git a/packages/applet/src/modules/pinia/index.vue b/packages/applet/src/modules/pinia/index.vue
index 6d3452cd..99aca040 100644
--- a/packages/applet/src/modules/pinia/index.vue
+++ b/packages/applet/src/modules/pinia/index.vue
@@ -1,10 +1,11 @@
 <script setup lang="ts">
 import { onRpcConnected, rpc } from '@vue/devtools-core'
+import { computed, provide, ref } from 'vue'
 import About from './components/About.vue'
 import Store from './components/store/Index.vue'
 import Timeline from './components/timeline/Index.vue'
 import Settings from './components/Settings.vue'
-import { registerVirtualRouter } from '~/composables/virtual-router'
+import { VirtualRoute, registerVirtualRouter } from '~/composables/virtual-router'
 
 const pluginSettings = ref(null)
 provide('pluginSettings', pluginSettings)
@@ -45,6 +46,7 @@ const { VirtualRouterView, restoreRouter } = registerVirtualRouter(routes, {
 onRpcConnected(() => {
   rpc.value.getPluginSettings('pinia').then((settings) => {
     if (settings.options) {
+      // @ts-expect-error skip type check
       pluginSettings.value = settings
     }
     else {