fix: fouc

apps/frontend/nuxt.config.ts

@@ -212,7 +212,7 @@ export default defineNuxtConfig({
 			},
 		},
 	},
-	modules: ['@nuxtjs/i18n', '@pinia/nuxt', 'floating-vue/nuxt'],
+	modules: ['@nuxtjs/tailwindcss', '@nuxtjs/i18n', '@pinia/nuxt', 'floating-vue/nuxt'],
 	floatingVue: {
 		themes: {
 			'ribbit-popout': {
@@ -257,12 +257,6 @@ export default defineNuxtConfig({
 		enabled: true,
 	},
 	css: ['~/assets/styles/tailwind.css'],
-	postcss: {
-		plugins: {
-			tailwindcss: {},
-			autoprefixer: {},
-		},
-	},
 	routeRules: {
 		'/**': {
 			headers: {

apps/frontend/package.json

@@ -3,7 +3,7 @@
 	"private": true,
 	"type": "module",
 	"scripts": {
-		"build": "nuxi build",
+		"build": "NODE_OPTIONS=\"--max-old-space-size=8192\" nuxi build",
 		"dev": "nuxi dev",
 		"generate": "nuxi generate",
 		"preview": "nuxi preview",
@@ -20,16 +20,14 @@
 		"@formatjs/cli": "^6.2.12",
 		"@modrinth/tooling-config": "workspace:*",
 		"@nuxtjs/i18n": "^9.0.0",
+		"@nuxtjs/tailwindcss": "^6.14.0",
 		"@types/dompurify": "^3.0.5",
 		"@types/iso-3166-2": "^1.0.4",
 		"@types/node": "^20.1.0",
-		"autoprefixer": "^10.4.19",
 		"glob": "^10.2.7",
 		"nuxt": "^3.20.2",
-		"postcss": "^8.4.39",
 		"prettier-plugin-tailwindcss": "^0.6.5",
 		"sass": "^1.58.0",
-		"tailwindcss": "^3.4.4",
 		"typescript": "^5.4.5",
 		"vite-svg-loader": "^5.1.0",
 		"vue-component-type-helpers": "^3.1.8",

apps/frontend/src/assets/styles/tailwind.css

@@ -1,3 +1,4 @@
+@import '@modrinth/assets/omorphia.scss';
 @import '@modrinth/ui/src/styles/tailwind-utilities.css';
 
 @tailwind base;

package.json

@@ -40,9 +40,6 @@
 		"patchedDependencies": {
 			"[email protected]": "patches/[email protected]"
 		},
-		"overrides": {
-			"vite": "npm:[email protected]"
-		},
 		"peerDependencyRules": {
 			"allowedVersions": {
 				"vite": "7",

packages/api-client/src/platform/nuxt.ts

@@ -72,7 +72,7 @@ export interface NuxtClientConfig extends ClientConfig {
  * ```
  */
 export class NuxtModrinthClient extends AbstractModrinthClient {
-	protected declare config: NuxtClientConfig
+	declare protected config: NuxtClientConfig
 	private rateLimitKeyResolved: string | undefined
 	private rateLimitKeyPromise: Promise<string | undefined> | undefined