definePageMeta中layout: 'default'不触发组件提示，因其为运行时字符串字面量，TS语言服务无法据此推导组件依赖；必须启用nuxt/devtools生成类型文件、配置tsconfig.json的"types": ["#app"]、开启VSCode自动导入并重启TS Server。
为什么 definePageMeta 里写 layout: 'default' 不触发组件提示
因为 definePageMeta 是运行时元信息，VSCode 的 TypeScript 语言服务不会解析字符串字面量去查 layouts/default.vue 是否存在，更不会据此推导类型依赖。它只响应代码中显式出现的标识符（比如模板里的 <defaultlayout></defaultlayout> 或脚本里的 useMyComposable()）。所以光在 meta 里写字符串，对自动导入和类型提示完全没用。
必须确认 nuxt/devtools 已启用并生成了类型文件
Nuxt 的自动导入类型支持不是靠 tsconfig.json 原生能力撑起来的，而是靠 nuxt/devtools 启动时自动生成 .nuxt/tsconfig.json 和 .nuxt/components.d.ts 等声明文件。如果没看到这些文件，或者 .nuxt/components.d.ts 是空的，所有组件名都不会进 IDE 补全。
- 运行
nuxt dev至少一次，确保.nuxt/components.d.ts已生成且内容包含类似declare module '#components' { ... } - 检查
components/下的文件名是否为 PascalCase（如UiButton.vue），Nuxt 3 会按文件名自动注册；若写了name: 'my-btn'，反而会导致类型注册失败 - 状态栏右下角应显示
Using tsconfig.json from /path/to/.nuxt/tsconfig.json；若显示项目根目录的tsconfig.json，说明 Nuxt 类型配置未生效
tsconfig.json 和 VSCode 设置两个地方不能漏
即使 Nuxt 自动生成了类型文件，VSCode 仍需正确识别路径和开启补全开关。缺一不可：
- 确保根目录
tsconfig.json包含"types": ["#app"]（Nuxt 3.9+ 推荐）或"types": ["@nuxt/schema"] - 在 VSCode 设置中把
javascript.suggest.autoImports和typescript.suggest.autoImports都设为true（注意是布尔值，不是字符串） - 禁用
typescript.preferences.includePackageJsonAutoImports—— 它会干扰 Nuxt 的路径别名解析，导致~/components/类型丢失 - 按
Ctrl+Shift+P（或Cmd+Shift+P）执行Restart TS server，强制刷新语言服务缓存
组件在 <template> 里不提示？先看语言模式和 Volar
Vue 单文件中，<template> 区域的组件名补全由 Volar 提供，不是 TypeScript Server 管的。常见失效原因很具体：
- 右下角状态栏必须显示
Vue (Volar)，而不是Vue (Deprecated)或HTML；点一下就能切换 - 卸载旧插件
Vetur，它和 Volar 冲突，尤其在自动导入场景下表现混乱 - 补全只在
<template>中输入组件首字母时触发（如输U→ 出UiButton），不是在<script>里输才管用 - 确保
components/目录在项目根目录下，且没有被.gitignore或exclude规则意外屏蔽
.nuxt/components.d.ts 是否存在且非空，比反复调配置更省时间。 
