Fiks tailwind i preview (gh-pages) bygg

Author: LudvigHz

.github/dependabot.yml

@@ -20,6 +20,6 @@ updates:
           - '@navikt/aksel-icons'
 
   - package-ecosystem: github-actions
-    directory: "/"
+    directory: '/'
     schedule:
       interval: 'daily'

package.json

@@ -1,75 +1,77 @@
 {
-	"name": "internarbeidsflate-decorator-v3",
-	"private": true,
-	"version": "0.0.0",
-	"types": "./dist/index.d.ts",
-	"type": "module",
-	"exports": {
-		".": {
-			"import": {
-				"types": "./dist/index.d.ts",
-				"default": "./dist/internarbeidsflate-decorator-v3.es.js"
-			},
-			"require": {
-				"types": "./dist/index.d.ts",
-				"default": "./dist/internarbeidsflate-decorator-v3.umd.js"
-			}
-		}
-	},
-	"scripts": {
-		"dev-server": "bun run --watch dev-server/index.ts",
-		"dev": "vite",
-		"dev:fullscreen": "VITE_DECORATOR_MODE=fullscreen vite",
-		"build": "vite build",
-		"build:watch": "vite build --watch",
-		"build-and-preview": "vite build && vite preview",
-		"preview": "vite preview",
-		"build:preview": "vite build --config preview.vite.config.ts",
-		"test": "vitest",
-		"lint": "eslint",
-		"format": "prettier . --write"
-	},
-	"devDependencies": {
-		"@eslint/js": "^9.19.0",
-		"@tailwindcss/vite": "^4.0.1",
-		"@types/bun": "^1.2.1",
-		"@types/react": "^18.3.12",
-		"@types/react-dom": "^18.3.1",
-		"@vitejs/plugin-react": "^4.3.4",
-		"concurrently": "^9.1.2",
-		"eslint": "^9.19.0",
-		"eslint-config-prettier": "^10.0.1",
-		"eslint-plugin-prettier": "^5.2.3",
-		"eslint-plugin-react-hooks": "^5.1.0",
-		"eslint-plugin-react-refresh": "^0.4.18",
-		"msw": "^2.7.0",
-		"prettier": "^3.4.2",
-		"react": "^18.3.1",
-		"react-dom": "^18.3.1",
-		"tailwindcss": "^4.0.1",
-		"typescript": "^5.7.3",
-		"typescript-eslint": "^8.22.0",
-		"vite": "^6.0.11",
-		"vitest": "^3.0.4",
-		"vitest-websocket-mock": "^0.4.0"
-	},
-	"peerDependencies": {
-		"react": "^18.2.0",
-		"react-dom": "^18.2.0"
-	},
-	"dependencies": {
-		"@navikt/aksel-icons": "^7.10.0",
-		"@navikt/ds-css": "^7.10.0",
-		"@navikt/ds-react": "^7.10.0",
-		"@navikt/ds-tailwind": "^7.10.0",
-		"@navikt/ds-tokens": "^7.10.0",
-		"@navikt/navspa": "^6.2.0",
-		"@tanstack/query-core": "^5.65.0",
-		"classnames": "^2.5.1",
-		"use-sync-external-store": "^1.4.0",
-		"zustand": "^5.0.3"
-	},
-	"msw": {
-		"workerDirectory": ["public"]
-	}
+  "name": "internarbeidsflate-decorator-v3",
+  "private": true,
+  "version": "0.0.0",
+  "types": "./dist/index.d.ts",
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/internarbeidsflate-decorator-v3.es.js"
+      },
+      "require": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/internarbeidsflate-decorator-v3.umd.js"
+      }
+    }
+  },
+  "scripts": {
+    "dev-server": "bun run --watch dev-server/index.ts",
+    "dev": "vite",
+    "dev:fullscreen": "VITE_DECORATOR_MODE=fullscreen vite",
+    "build": "vite build",
+    "build:watch": "vite build --watch",
+    "build-and-preview": "vite build && vite preview",
+    "preview": "vite preview",
+    "build:preview": "vite build --config preview.vite.config.ts",
+    "test": "vitest",
+    "lint": "eslint",
+    "format": "prettier . --write"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.19.0",
+    "@tailwindcss/vite": "^4.0.1",
+    "@types/bun": "^1.2.1",
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
+    "@vitejs/plugin-react": "^4.3.4",
+    "concurrently": "^9.1.2",
+    "eslint": "^9.19.0",
+    "eslint-config-prettier": "^10.0.1",
+    "eslint-plugin-prettier": "^5.2.3",
+    "eslint-plugin-react-hooks": "^5.1.0",
+    "eslint-plugin-react-refresh": "^0.4.18",
+    "msw": "^2.7.0",
+    "prettier": "^3.4.2",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "tailwindcss": "^4.0.1",
+    "typescript": "^5.7.3",
+    "typescript-eslint": "^8.22.0",
+    "vite": "^6.0.11",
+    "vitest": "^3.0.4",
+    "vitest-websocket-mock": "^0.4.0"
+  },
+  "peerDependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "dependencies": {
+    "@navikt/aksel-icons": "^7.10.0",
+    "@navikt/ds-css": "^7.10.0",
+    "@navikt/ds-react": "^7.10.0",
+    "@navikt/ds-tailwind": "^7.10.0",
+    "@navikt/ds-tokens": "^7.10.0",
+    "@navikt/navspa": "^6.2.0",
+    "@tanstack/query-core": "^5.65.0",
+    "classnames": "^2.5.1",
+    "use-sync-external-store": "^1.4.0",
+    "zustand": "^5.0.3"
+  },
+  "msw": {
+    "workerDirectory": [
+      "public"
+    ]
+  }
 }

preview.vite.config.ts

@@ -1,8 +1,9 @@
-import { defineConfig } from 'vite';
+import tailwindcss from '@tailwindcss/vite';
 import react from '@vitejs/plugin-react';
+import { defineConfig } from 'vite';
 
 export default defineConfig({
-  plugins: [react()],
+  plugins: [react(), tailwindcss()],
   base: '/internarbeidsflatedecorator/',
   build: {
     target: 'es2022',