build: fix preview build with Vue SFCs

Author: oeninghe-dataport

package.json

@@ -42,6 +42,7 @@
 		"dev": "vite --host",
 		"snowbox": "cross-env VITE_DEV_LANDING=examples/snowbox vite --host",
 		"preview:build": "vite build --watch -c vite.config.preview.ts",
+		"preview:build:ci": "vite build -c vite.config.preview.ts",
 		"preview:preview": "vite preview -c vite.config.preview.ts",
 		"preview": "conc --kill-others 'npm run build' 'npm run preview:build' 'npm run preview:preview'",
 		"build": "vite build --watch",

vite.config.preview.ts

@@ -1,7 +1,24 @@
 import { resolve } from 'node:path'
+
 import { defineConfig } from 'vite'
 
+import commonJs from 'vite-plugin-commonjs'
+import vue from '@vitejs/plugin-vue'
+import enrichedConsole from './vitePlugins/enrichedConsole.js'
+
 export default defineConfig({
+	plugins: [
+		// @ts-expect-error | commonJs dts is broken
+		commonJs(),
+		vue({
+			template: {
+				compilerOptions: {
+					isCustomElement: (tag) => tag.includes('-'),
+				},
+			},
+		}),
+		enrichedConsole(),
+	],
 	build: {
 		outDir: '.dist.preview',
 		rollupOptions: {
@@ -15,6 +32,6 @@ export default defineConfig({
 		port: 1235,
 	},
 	optimizeDeps: {
-		entries: ['snowbox'],
+		entries: ['snowbox', 'iceberg'],
 	},
 })