fix: do not emit runtime comments

resolves 'Extraneous non-props attributes (class) were passed to component but could not be automatically inherited because component renders fragment or text root nodes.'

modules/purge-comments.ts

@@ -0,0 +1,28 @@
+import { addVitePlugin, defineNuxtModule } from '@nuxt/kit'
+import MagicString from 'magic-string'
+
+export default defineNuxtModule({
+  meta: {
+    name: 'purge-comments',
+  },
+  setup() {
+    addVitePlugin({
+      name: 'purge-comments',
+      enforce: 'pre',
+      transform: (code, id) => {
+        if (!id.endsWith('.vue') || !code.includes('<!--'))
+          return
+
+        const s = new MagicString(code)
+        s.replace(/<!--(?:.*?)-->/sg, '')
+
+        if (s.hasChanged()) {
+          return {
+            code: s.toString(),
+            map: s.generateMap({ source: id, includeContent: true }),
+          }
+        }
+      },
+    })
+  },
+})

nuxt.config.ts

@@ -5,6 +5,7 @@ export default defineNuxtConfig({
     '@unocss/nuxt',
     '@pinia/nuxt',
     '@vue-macros/nuxt',
+    '~/modules/purge-comments',
   ],
   experimental: {
     reactivityTransform: true,