perf(nuxt): mark define functions as side-effect free at source

[antfu]

📚 Description

Rollup now supports marking a function as sied-effect free:

• feat: support #__NO_SIDE_EFFECTS__ annotation for function declaration  rollup/rollup#5024

This PR marks the following functions as side-effect free

• createClientOnly
• defineNuxtComponent
• defineNuxtLink
• definePayloadPlugin
• defineNuxtPlugin
• useNuxtApp
• useRuntimeConfig

As listed here:

nuxt/packages/vite/src/client.ts

Lines 80 to 83 in 6045beb

	pureAnnotationsPlugin.vite({
	sourcemap: ctx.nuxt.options.sourcemap.client,
	functions: ['defineComponent', 'defineAsyncComponent', 'defineNuxtLink', 'createClientOnly', 'defineNuxtPlugin', 'defineNuxtRouteMiddleware', 'defineNuxtComponent', 'useRuntimeConfig']
	})

Side note: because we are esbuild to transpile, which does not preserve comments. We need to use /*! to keep the controlling comment, before esbuild supports __NO_SIDE_EFFECTS__ natively (evanw/esbuild#3149)

A PR was also sent to Vue core to mark defineComponent and defineAsyncComponent

• perf: mark defineComponent as side-effects-free vuejs/core#8512

Once this convention gets more widely adopted, we may be able to remove the pureAnnotationsPlugin later.

[nuxt-studio]

✅ Live Preview ready!

Name	Edit	Preview	Latest Commit
Nuxt Docs	Edit on Studio ↗︎	View Live Preview	ac81938