nuxt.config.ts

// https://nuxt.com/docs/api/configuration/nuxt-config
import { defineNuxtConfig } from "nuxt/config";
import { VitePWA } from "vite-plugin-pwa";
import wasm from "vite-plugin-wasm";

export default defineNuxtConfig({
	modules: ["@nuxt/eslint", "@vueuse/nuxt", "@nuxtjs/tailwindcss", "@nuxtjs/color-mode", "shadcn-nuxt", "@pinia/nuxt", "@vite-pwa/nuxt"],
	ssr: false,
	components: {
		dirs: [],
	},
	imports: {
		scan: false,
		autoImport: false,
	},
	app: {
		head: {
			style: ["html { background-color: black; }"],
			title: "Artefact",
			meta: [
				{ charset: "utf-8" },
				{ name: "viewport", content: "width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" },
			],
		},
	},
	css: ["~/assets/css/main.css"],
	srcDir: "src",
	compatibilityDate: "2024-12-29",
	vite: {
		build: { target: "esnext" },
		worker: {
			format: "es",
			rollupOptions: { output: { format: "es" } },
		},
		plugins: [
			wasm(),
			VitePWA({
				registerType: "autoUpdate",
				manifest: {
					name: "Artefact",
					short_name: "Artefact",
					theme_color: "#020817",
					background_color: "#020817",
					icons: [
						{
							src: "/pwa-64.png",
							sizes: "64x64",
							type: "image/png",
						},
						{
							src: "/pwa-192.png",
							sizes: "192x192",
							type: "image/png",
						},
						{
							src: "/pwa-512.png",
							sizes: "512x512",
							type: "image/png",
						},
						{
							src: "/maskable-512.png",
							sizes: "512x512",
							type: "image/png",
							purpose: "maskable",
						},
					],
					display: "standalone",
				},
				devOptions: {
					enabled: true,
				},
			}),
		],
	},
	postcss: {
		plugins: {
			tailwindcss: {},
			autoprefixer: {},
		},
	},
	shadcn: {
		componentDir: "./src/components/ui",
	},
	pwa: {
		client: {
			installPrompt: true,
		},
	},
});