fix: update module #imports to nuxt/app

packages/devtools/client/app.config.ts

@@ -1,4 +1,4 @@
-import { defineAppConfig } from '#imports'
+import { defineAppConfig } from 'nuxt/app'
 
 export default defineAppConfig({
   fixture1: 'from app.config.ts',

packages/devtools/client/composables/client.ts

@@ -1,9 +1,9 @@
-import type { useRoute, useRouter } from '#imports'
 import type { NuxtDevtoolsClient, NuxtDevtoolsHostClient, NuxtDevtoolsIframeClient, VueInspectorData } from '@nuxt/devtools-kit/types'
 import type { Unhead } from '@unhead/schema'
+import type { useRoute, useRouter } from 'nuxt/app'
 import type { ComputedRef } from 'vue'
-import { useState } from '#imports'
 import { useColorMode } from '@vueuse/core'
+import { useState } from 'nuxt/app'
 import { computed, ref } from 'vue'
 import { renderMarkdown } from './client-services/markdown'
 import { renderCodeHighlight } from './client-services/shiki'

packages/devtools/client/composables/dialog.ts

@@ -1,6 +1,6 @@
 import type { InstallModuleReturn, ModuleActionType, ModuleStaticInfo } from '../../src/types'
-import { useState } from '#imports'
 import { createTemplatePromise } from '@vueuse/core'
+import { useState } from 'nuxt/app'
 
 export const ModuleDialog = createTemplatePromise<boolean, [info: ModuleStaticInfo, result: InstallModuleReturn, type: ModuleActionType]>()
 

packages/devtools/client/composables/state-modules.ts

@@ -1,5 +1,5 @@
 import type { InstalledModuleInfo, ModuleStaticInfo } from '../../src/types'
-import { useState } from '#imports'
+import { useState } from 'nuxt/app'
 import { computed } from 'vue'
 import { useServerConfig } from './state'
 import { getModuleNameFromPath, isNodeModulePath, parseReadablePath, useAsyncState } from './utils'

packages/devtools/client/composables/utils.ts

@@ -4,8 +4,8 @@ import type { Ref } from 'vue'
 import type { ComponentRelationship, ComponentWithRelationships, NormalizedHeadTag, SocialPreviewCard, SocialPreviewResolved } from '~/../src/types'
 import { useAsyncData } from '#app/composables/asyncData'
 import { useNuxtApp } from '#app/nuxt'
-import { useState } from '#imports'
 import { useSessionStorage } from '@vueuse/core'
+import { useState } from 'nuxt/app'
 import { relative } from 'pathe'
 import { isRef, triggerRef } from 'vue'
 import { useClient } from './client'

packages/devtools/client/middleware/route.global.ts

@@ -1,4 +1,4 @@
-import { defineNuxtRouteMiddleware, navigateTo } from '#imports'
+import { defineNuxtRouteMiddleware, navigateTo } from 'nuxt/app'
 import { isFirstVisit } from '~/composables/storage'
 
 export default defineNuxtRouteMiddleware((to) => {

packages/devtools/client/plugins/floating-vue.ts

@@ -1,5 +1,5 @@
-import { defineNuxtPlugin } from '#imports'
 import FloatingVue from 'floating-vue'
+import { defineNuxtPlugin } from 'nuxt/app'
 
 export default defineNuxtPlugin((nuxtApp) => {
   nuxtApp.vueApp.use(FloatingVue)

packages/devtools/client/plugins/global.ts

@@ -1,4 +1,4 @@
-import { defineNuxtPlugin, useRouter } from '#imports'
+import { defineNuxtPlugin, useRouter } from 'nuxt/app'
 import { triggerRef } from 'vue'
 import { useClient, useComponentInspectorData } from '../composables/client'
 import { rpc } from '../composables/rpc'

packages/devtools/client/plugins/vue-devtools.ts

@@ -1,5 +1,5 @@
-import { defineNuxtPlugin } from '#imports'
 import { VueDevToolsVuePlugin } from '@vue/devtools-core'
+import { defineNuxtPlugin } from 'nuxt/app'
 
 export default defineNuxtPlugin((nuxtApp) => {
   nuxtApp.vueApp.use(VueDevToolsVuePlugin())

packages/devtools/client/setup/client-rpc.ts

@@ -1,5 +1,5 @@
 import type { ClientFunctions } from '../../src/types'
-import { useNuxtApp, useRouter } from '#imports'
+import { useNuxtApp, useRouter } from 'nuxt/app'
 import { useClient } from '../composables/client'
 import { devAuthToken, isDevAuthed } from '../composables/dev-auth'
 import { clientFunctions, rpc } from '../composables/rpc'

packages/devtools/src/runtime/plugins/devtools.client.ts

@@ -3,7 +3,7 @@ import type { TimelineServerState } from '@nuxt/devtools/types'
 import type { Router } from 'vue-router'
 // eslint-disable-next-line ts/ban-ts-comment
 // @ts-ignore tsconfig
-import { defineNuxtPlugin, useRouter, useState } from '#imports'
+import { defineNuxtPlugin, useRouter, useState } from 'nuxt/app'
 
 import { shallowReactive, watchEffect } from 'vue'
 import { setupHooksDebug } from '../shared/hooks'

packages/devtools/src/runtime/plugins/devtools.server.ts

@@ -1,5 +1,5 @@
 import type { TimelineServerState } from '@nuxt/devtools/types'
-import { defineNuxtPlugin, useState } from '#imports'
+import { defineNuxtPlugin, useState } from 'nuxt/app'
 
 export default defineNuxtPlugin(() => {
   // record ssr start time

packages/devtools/src/runtime/plugins/view/client.ts

@@ -3,11 +3,11 @@ import type { $Fetch } from 'ofetch'
 import type { Ref } from 'vue'
 import type { Router } from 'vue-router'
 
-// eslint-disable-next-line ts/ban-ts-comment
-// @ts-ignore tsconfig
-import { useAppConfig, useRuntimeConfig } from '#imports'
 import { setIframeServerContext } from '@vue/devtools-kit'
 import { createHooks } from 'hookable'
+// eslint-disable-next-line ts/ban-ts-comment
+// @ts-ignore tsconfig
+import { useAppConfig, useRuntimeConfig } from 'nuxt/app'
 import { debounce } from 'perfect-debounce'
 
 import { computed, createApp, h, markRaw, ref, shallowReactive, shallowRef, watch } from 'vue'

playgrounds/module-starter/src/runtime/plugin.ts

@@ -1,4 +1,4 @@
-import { defineNuxtPlugin } from '#imports'
+import { defineNuxtPlugin } from 'nuxt/app'
 
 export default defineNuxtPlugin((_nuxtApp) => {
   // eslint-disable-next-line no-console