The final fix of 500 (pt 4)

nuxt.config.ts

@@ -71,4 +71,4 @@ export default defineNuxtConfig({
   css: ["~/assets/css/fonts.css"],
 
   compatibilityDate: "2024-07-13",
-})
+})

package.json

@@ -11,17 +11,18 @@
   },
   "dependencies": {
     "@nuxtjs/i18n": "^8.3.1",
-    "vue": "^3.4.19",
-    "vue-router": "^4.2.5"
+    "postcss-custom-properties": "^13.3.12",
+    "vue": "^3.4.31",
+    "vue-router": "^4.4.0"
   },
   "devDependencies": {
-    "@nuxtjs/google-fonts": "^3.1.3",
-    "@nuxtjs/tailwindcss": "^6.11.4",
-    "autoprefixer": "^10.4.17",
+    "@nuxtjs/google-fonts": "^3.2.0",
+    "@nuxtjs/tailwindcss": "^6.12.1",
+    "autoprefixer": "^10.4.19",
     "nuxt": "^3.12.3",
-    "nuxt-lucide-icons": "^1.0.3",
-    "postcss": "^8.4.35",
+    "nuxt-lucide-icons": "^1.0.5",
+    "postcss": "^8.4.39",
     "prettier": "3.3.2",
-    "tailwindcss": "^3.4.1"
+    "tailwindcss": "^3.4.6"
   }
 }

pages/experiments.vue

@@ -29,6 +29,7 @@
           </option>
         </NESelect>
       </div>
+      <!-- COMMENTED OUT TEMPORARILY
       <div
         class="flex flex-col gap-2 border-2 rounded-xl p-5 border-[var(--text-colour)]"
       >
@@ -44,7 +45,7 @@
           secondary
           >Set to {{ !whyNot }}</NEButton
         >
-      </div>
+      </div>-->
     </div>
   </div>
 </template>
@@ -54,7 +55,7 @@ useSeoMeta({
   title: "Experiments",
 })
 
-const whyNot = useCookie("whyNotEssential", { default: false })
+//const whyNot = useCookie("whyNotEssential", { default: false })
 
 const { locale, locales, setLocale } = useI18n()
 

pages/index.vue

@@ -18,7 +18,7 @@
     <NEButton class="w-fit sm:px-20 px-15 py-8" to="/alternatives">
       <LucideArrowUpRight /> {{ $t("landing.buttons.alternatives") }}
     </NEButton>
-
+    <!--
     <PageHero
       v-if="whyNot === true"
       title="WHY?"
@@ -38,7 +38,7 @@
     <span v-if="whyNot === true" class="flex flex-row gap-2"
       >with<LucideHeart class="stroke-[var(--brand-blue)]" /> from all at the
       NotEssential team
-    </span>
+    </span>-->
   </div>
 </template>
 
@@ -49,7 +49,7 @@ if (Math.floor(Math.random() * 10000) === 0) {
   minecraftText.value = "MINCERAFT"
 }
 
-const whyNot = useCookie("whyNotEssential", { default: false })
+//const whyNot = useCookie("whyNotEssential", { default: false })
 
 const reasonsWhy = [
   {