refactor: remove unused variables (#1052)

Author: skirtles-code

docs/.vitepress/components/UseModeList.vue

@@ -1,7 +1,4 @@
 <script setup lang="ts">
-import { useRouter } from 'vitepress'
-
-const router = useRouter()
 const list = [
   {
     name: 'Vite Plugin',

eslint.config.ts

@@ -19,7 +19,11 @@ export default antfu({
 
     'no-console': 'off',
     'antfu/top-level-function': 'off',
-    'unused-imports/no-unused-vars': 'off',
+    'unused-imports/no-unused-vars': ['error', {
+      args: 'none',
+      caughtErrors: 'none',
+      ignoreRestSiblings: true,
+    }],
 
     'node/prefer-global/process': 'off',
 
@@ -37,6 +41,11 @@ export default antfu({
   rules: {
     'devtools/no-vue-runtime-import': ['error', { prefer: 'shared/stub-vue' }],
   },
+}, {
+  files: ['packages/playground/**/*.vue', '**/*.md/*'],
+  rules: {
+    'unused-imports/no-unused-vars': 'off',
+  },
 }, {
   ignores: [
     'dist',

packages/applet/src/components/tree/TreeViewer.vue

@@ -5,10 +5,9 @@ import { vTooltip } from '@vue/devtools-ui'
 import NodeTag from '~/components/basic/NodeTag.vue'
 import ToggleExpanded from '~/components/basic/ToggleExpanded.vue'
 import ComponentTreeViewer from '~/components/tree/TreeViewer.vue'
-import { useSelect } from '~/composables/select'
 import { useToggleExpanded } from '~/composables/toggle-expanded'
 
-const props = withDefaults(defineProps<{
+withDefaults(defineProps<{
   data: ComponentTreeNode[] | InspectorTree[]
   depth: number
   withTag: boolean
@@ -19,7 +18,6 @@ const props = withDefaults(defineProps<{
 const emit = defineEmits(['hover', 'leave'])
 const selectedNodeId = defineModel()
 const { expanded, toggleExpanded } = useToggleExpanded()
-const { select: _select } = useSelect()
 
 function normalizeLabel(item: ComponentTreeNode | InspectorTree) {
   return ('name' in item && item?.name) || ('label' in item && item.label)

packages/applet/src/modules/pinia/components/Settings.vue

@@ -11,7 +11,6 @@ const settings = inject<Ref<{
 }>>('pluginSettings')!
 const options = computed(() => settings.value.options)
 const values = computed(() => settings.value.values)
-const inspectorId = 'pinia'
 
 function update(_settings) {
   settings.value = _settings

packages/applet/src/modules/pinia/index.vue

@@ -41,7 +41,7 @@ const routes = computed(() => {
   ].filter(Boolean) as VirtualRoute[]
 })
 
-const { VirtualRouterView, restoreRouter } = registerVirtualRouter(routes, {
+const { VirtualRouterView } = registerVirtualRouter(routes, {
   defaultRoutePath: '/store',
 })
 

packages/chrome-extension/src/devtools-overlay.ts

@@ -1,6 +1,4 @@
 if (document instanceof HTMLDocument) {
-  const body = document.getElementsByTagName('body')[0]
-
   // create detector script
   const detector = document.createElement('script')
   detector.src = chrome.runtime.getURL('dist/detector.js')

packages/client/src/App.vue

@@ -6,7 +6,6 @@ import { Pane, Splitpanes } from 'splitpanes'
 useDevToolsColorMode()
 const router = useRouter()
 const route = useRoute()
-const hostEnv = useHostEnv()
 const { connected, clientConnected, activeAppRecordId: _activeAppRecordId, appRecords: _appRecords } = useDevToolsState()
 const clientState = devtoolsClientState
 

packages/client/src/components/timeline/TimelineLayers.vue

@@ -13,8 +13,7 @@ const devtoolsState = useDevToolsState()
 const recordingState = computed(() => devtoolsState.timelineLayersState.value.recordingState)
 const timelineLayersState = computed(() => devtoolsState.timelineLayersState.value)
 const recordingTooltip = computed(() => recordingState.value ? 'Stop recording' : 'Start recording')
-const { colorMode } = useDevToolsColorMode()
-const isDark = computed(() => colorMode.value === 'dark')
+useDevToolsColorMode()
 const selected = defineModel()
 function select(id: string) {
   selected.value = id

packages/client/src/composables/editor.ts

@@ -9,10 +9,7 @@ export function useCopy() {
   const { copy: _copy, copied } = useClipboard()
 
   const copy = (text: string, options: CopyOptions = {}) => {
-    const {
-      silent = false,
-      type = '',
-    } = options
+    const { silent = false } = options
     _copy(text).then(() => {
       if (!silent) {
         showVueNotification({

packages/devtools-kit/src/core/plugin/components.ts

@@ -86,7 +86,7 @@ export function createComponentsDevToolsPlugin(app: App): [PluginDescriptor, Plu
       api.sendInspectorState(INSPECTOR_ID)
     }, 120)
 
-    const componentAddedCleanup = hook.on.componentAdded(async (app, uid, parentUid, component) => {
+    hook.on.componentAdded(async (app, uid, parentUid, component) => {
       if (devtoolsState.highPerfModeEnabled)
         return
 
@@ -121,7 +121,7 @@ export function createComponentsDevToolsPlugin(app: App): [PluginDescriptor, Plu
       debounceSendInspectorTree()
     })
 
-    const componentUpdatedCleanup = hook.on.componentUpdated(async (app, uid, parentUid, component) => {
+    hook.on.componentUpdated(async (app, uid, parentUid, component) => {
       if (devtoolsState.highPerfModeEnabled)
         return
 
@@ -156,7 +156,7 @@ export function createComponentsDevToolsPlugin(app: App): [PluginDescriptor, Plu
       debounceSendInspectorTree()
       debounceSendInspectorState()
     })
-    const componentRemovedCleanup = hook.on.componentRemoved(async (app, uid, parentUid, component) => {
+    hook.on.componentRemoved(async (app, uid, parentUid, component) => {
       if (devtoolsState.highPerfModeEnabled)
         return