chore: update to nuxt 3.20 (#4992)

* feat: nuxt 3.14 → 3.15.4

* feat: nuxt 3.15.4 → 3.16.2 (vite 6)

* feat: bump nuxt-i18n

* feat: nuxt 3.20

* fix: lint

* feat: use rolldown-vite

* fix: shut the fuck up

* fix: silence for app as well

* fix: vue-router mismatch

---------

Signed-off-by: Calum H. <contact@cal.engineer>

apps/frontend/nuxt.config.ts

@@ -56,6 +56,18 @@ export default defineNuxtConfig({
 		},
 	},
 	vite: {
+		css: {
+			preprocessorOptions: {
+				scss: {
+					// TODO: dont forget about this
+					silenceDeprecations: ['import'],
+				},
+			},
+		},
+		ssr: {
+			// https://github.com/Akryum/floating-vue/issues/809#issuecomment-1002996240
+			noExternal: ['v-tooltip'],
+		},
 		define: {
 			global: {},
 		},
@@ -196,9 +208,24 @@ export default defineNuxtConfig({
 			},
 		},
 	},
-	modules: ['@nuxtjs/i18n', '@pinia/nuxt'],
+	modules: ['@nuxtjs/i18n', '@pinia/nuxt', 'floating-vue/nuxt'],
+	floatingVue: {
+		themes: {
+			'ribbit-popout': {
+				$extend: 'dropdown',
+				placement: 'bottom-end',
+				instantMove: true,
+				distance: 8,
+			},
+			'dismissable-prompt': {
+				$extend: 'dropdown',
+				placement: 'bottom-start',
+			},
+		},
+	},
 	i18n: {
 		defaultLocale: 'en-US',
+		// @ts-expect-error - LocaleDefinition is compatible at runtime
 		locales: LOCALES,
 		strategy: 'no_prefix',
 		detectBrowserLanguage: {
@@ -206,11 +233,14 @@ export default defineNuxtConfig({
 			cookieKey: 'locale',
 			fallbackLocale: 'en-US',
 		},
-		vueI18n: './src/i18n.config.ts',
+		vueI18n: './i18n.config.ts',
+		bundle: {
+			optimizeTranslationDirective: false,
+		},
 	},
 	nitro: {
 		rollupConfig: {
-			// @ts-expect-error it's not infinite.
+			// @ts-expect-error because of rolldown-vite - completely fine though
 			plugins: [serverSidedVue()],
 		},
 	},
@@ -255,7 +285,7 @@ export default defineNuxtConfig({
 			},
 		},
 	},
-	compatibilityDate: '2024-07-03',
+	compatibilityDate: '2025-01-01',
 	telemetry: false,
 })