fix(vite): provide default values for transformAssetUrls

packages/vite/src/client.ts

@@ -16,6 +16,7 @@ import { devStyleSSRPlugin } from './plugins/dev-ssr-css'
 import { runtimePathsPlugin } from './plugins/paths'
 import { typeCheckPlugin } from './plugins/type-check'
 import { viteNodePlugin } from './vite-node'
+import { mergeTransformAssetUrls } from './vite'
 import { createViteLogger } from './utils/logger'
 
 export async function buildClient (ctx: ViteBuildContext) {
@@ -89,6 +90,11 @@ export async function buildClient (ctx: ViteBuildContext) {
 
   clientConfig.customLogger = createViteLogger(clientConfig)
 
+  // Merge transformAssetsUrl with defaults
+  if (ctx.nuxt.options.vite.vue?.template?.transformAssetUrls) {
+    mergeTransformAssetUrls(clientConfig)
+  }
+
   // In build mode we explicitly override any vite options that vite is relying on
   // to detect whether to inject production or development code (such as HMR code)
   if (!ctx.nuxt.options.dev) {

packages/vite/src/server.ts

@@ -5,7 +5,7 @@ import viteJsxPlugin from '@vitejs/plugin-vue-jsx'
 import { logger, resolvePath, tryResolveModule } from '@nuxt/kit'
 import { joinURL, withTrailingSlash, withoutLeadingSlash } from 'ufo'
 import type { ViteConfig } from '@nuxt/schema'
-import type { ViteBuildContext } from './vite'
+import { type ViteBuildContext, mergeTransformAssetUrls } from './vite'
 import { createViteLogger } from './utils/logger'
 import { initViteNodeServer } from './vite-node'
 import { writeManifest } from './manifest'
@@ -116,6 +116,11 @@ export async function buildServer (ctx: ViteBuildContext) {
 
   serverConfig.customLogger = createViteLogger(serverConfig)
 
+  // Merge transformAssetsUrl with defaults
+  if (ctx.nuxt.options.vite.vue?.template?.transformAssetUrls) {
+    mergeTransformAssetUrls(serverConfig)
+  }
+
   await ctx.nuxt.callHook('vite:extendConfig', serverConfig, { isClient: false, isServer: true })
 
   serverConfig.plugins!.unshift(

packages/vite/src/vite.ts

@@ -203,3 +203,17 @@ export const bundle: NuxtBuilder['bundle'] = async (nuxt) => {
   await buildClient(ctx)
   await buildServer(ctx)
 }
+
+export function mergeTransformAssetUrls (config: ViteConfig) {
+  config.vue = vite.mergeConfig(config.vue || {}, {
+    template: {
+      transformAssetUrls: {
+        video: ['src', 'poster'],
+        source: ['src'],
+        img: ['src'],
+        image: ['xlink:href', 'href'],
+        use: ['xlink:href', 'href']
+      }
+    }
+  })
+}