方案一:
增加一個腳本標籤
<script lang="ts"> export default { name: 'Layout' } </script>
方案二:
使用插件unplugin-vue-define-options
方案三:(推薦)
使用插件vite-plugin-vue-setup-extend
配置:
//vite.config.ts
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import vueSetupExtend from 'vite-plugin-vue-setup-extend'
export default defineConfig({
plugins: [vue(), vueSetupExtend()]
})
使用:
在腳本上增加name屬性即可
<script setup lang="ts" name="Layout"> </script>