您好，將內聯 svgs 匯入我的 nuxt3 vite 專案時遇到了麻煩。任何建議將不勝感激。
我發現這個有效 
setup(props) {
const currentIcon = computed(() => {
return defineAsyncComponent(() =>
import(`~/assets/images/icons/push-icon-chatops.svg'?inline`)
);
}).value;
return {
currentIcon,
};
},
但我發現 vite 的導入方式很奇怪，結果要不是 v-html 中顯示的 url 字串，就是無法讀取的物件
我正在嘗試使用這個插件，但沒有成功。
https://github.com/nuxt-community/svg-module
對於 TS Nuxt 3 項目，情況如下。
nuxt.config.ts檔案：import svgLoader from 'vite-svg-loader' export default defineNuxtConfig({ // Rest of your config. vite: { plugins: [ svgLoader({ // Your settings. }), ], }, })元件範例：
注意最後的
?component很重要，否則TS會報錯。外掛程式文件：vite-svg-loader
#看來vite其實與
@nuxtjs/svg外掛不相容。所以答案是安裝一個 vite 特定插件，在這種情況下我安裝了 vite 插件 然後執行此操作vite: { plugins: [ svgLoader() ] },