chore: separate build and lint

.github/workflows/CI.yml

@@ -2,8 +2,8 @@ name: Build and Lint
 on: [pull_request]
 
 jobs:
-  test:
-    name: Build and Lint
+  build:
+    name: Build
     runs-on: ubuntu-latest
     steps:
       - name: Checkout repository
@@ -24,5 +24,24 @@ jobs:
       - name: Build
         run: pnpm build
 
+  lint:
+    name: Lint
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      - name: Setup pnpm
+        uses: pnpm/[email protected]
+
+      - name: Install Node v20
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: pnpm
+
+      - name: Install dependencies
+        run: pnpm install
+
       - name: Lint
-        run: pnpm lint:ci
+        run: pnpm lint:ci

nuxt.config.ts

@@ -19,13 +19,13 @@ export default defineNuxtConfig({
 		],
 	},
 	modules: [
-        "@unocss/nuxt",
-        "@nuxtjs/google-fonts",
-        "@nuxt/image",
-        "nuxt-graphql-client",
-        "notivue/nuxt",
-        "nuxt-build-cache"
-    ],
+		"@unocss/nuxt",
+		"@nuxtjs/google-fonts",
+		"@nuxt/image",
+		"nuxt-graphql-client",
+		"notivue/nuxt",
+		"nuxt-build-cache",
+	],
 	notivue: { limit: 4, enqueue: true, position: "bottom-right" },
 	googleFonts: {
 		families: { "IBM Plex Sans": true, "Bebas Neue": true, Poppins: true },
@@ -61,4 +61,4 @@ export default defineNuxtConfig({
 			"2xl": 1536,
 		},
 	},
-});
+});

pages/index.vue

@@ -57,7 +57,10 @@ try {
 	<main
 		class="font-poppins text-white mx-5 flex min-h-screen justify-center items-center"
 	>
-	<NuxtImg class="absolute -z-100 size-full op-80 overflow-hidden object-cover" src="GoopBGTransparent.png"></NuxtImg>
+		<NuxtImg
+			class="absolute -z-100 size-full op-80 overflow-hidden object-cover"
+			src="GoopBGTransparent.png"
+		></NuxtImg>
 		<div class="pt-20 pb-10 grid lg:grid-cols-2 gap-5 max-w-7xl">
 			<div
 				:class="{ 'h-3xl': sponsor?.enabled, 'lt-lg:h-lg': !sponsor?.enabled }"