Merge pull request #155 from lazercaveman/upgrade-1.5.4

Upgrade 1.5.4

📦 Release Notes
🔧 Dependency Updates

    @tailwindcss/vite upgraded to ^4.1.5
    → Improved compatibility with Tailwind CSS v4 and enhanced development performance.

    @types/node upgraded to ^22.15.3
    → Updated type definitions for Node.js to ensure alignment with the latest runtime features.

    @vitest/coverage-v8 upgraded to ^3.1.3
    → Stability and performance improvements in code coverage reporting.

    @vitest/ui upgraded to ^3.1.3
    → UI enhancements and bug fixes for the Vitest test runner interface.

    eslint upgraded to ^9.26.0
    → Latest rule definitions and core improvements for code quality enforcement.

    eslint-plugin-vue upgraded to ^10.1.0
    → Updated Vue-specific linting rules for better compatibility with Vue 3 and performance gains.

    nuxt upgraded to ^3.17.2
    → General improvements, dependency updates, and minor bug fixes for stability and DX.

    tailwindcss upgraded to ^4.1.5
    → Minor bug fixes and optimization updates for Tailwind CSS v4.

    @typescript-eslint upgraded to ^8.31.1
    → Sync with the latest TypeScript features and linting improvements.

    vitest upgraded to ^3.1.3
    → Minor fixes, better diagnostics, and performance optimizations for testing.

Author: lazercaveman

app/components/nuxt-starter/NuxtStarter.vue

@@ -0,0 +1,54 @@
+<template>
+  <div class="flex flex-col items-center drop-shadow-2xl w-3xl">
+    <span class="text-8xl mb-8">🙌</span>
+    <div class="flex justify-center items-end mb-6">
+      <svg
+        width="256"
+        height="64"
+        viewBox="0 0 128 32"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M60.32 32C60.6656 32 60.96 31.7135 60.96 31.36V16.48C60.96 16.48 61.76 17.92 63.2 20.32L69.44 31.04C69.7255 31.6384 70.359 32 70.88 32H75.2V8H70.88C70.5923 8 70.24 8.23906 70.24 8.64V23.68L67.36 18.56L61.6 8.8C61.3197 8.3026 60.7166 8 60.16 8H56V32H60.32Z"
+          fill="white"
+        />
+        <path
+          d="M116.16 14.72H118.24C118.77 14.72 119.2 14.2902 119.2 13.76V9.6H123.68V14.72H128V18.56H123.68V25.44C123.68 27.12 124.489 27.84 125.92 27.84H128V32H125.28C121.592 32 119.2 29.6114 119.2 25.6V18.56H116.16V14.72Z"
+          fill="white"
+        />
+        <path
+          d="M94.56 14.72V24.64C94.56 26.8806 93.7188 28.7695 92.48 30.08C91.2412 31.3905 89.5306 32 87.2 32C84.8694 32 82.9988 31.3905 81.76 30.08C80.5422 28.7695 79.68 26.8806 79.68 24.64V14.72H82.24C82.7859 14.72 83.3231 14.8195 83.68 15.2C84.0369 15.5593 84.16 15.7704 84.16 16.32V24.64C84.16 25.9294 84.2331 26.7259 84.8 27.36C85.3669 27.973 86.0662 28.16 87.2 28.16C88.3548 28.16 88.8731 27.973 89.44 27.36C90.0069 26.7259 90.08 25.9294 90.08 24.64V16.32C90.08 15.7704 90.2031 15.4205 90.56 15.04C90.8736 14.7057 91.2045 14.7136 91.68 14.72C91.7457 14.7209 91.9337 14.72 92 14.72H94.56Z"
+          fill="white"
+        />
+        <path
+          d="M108.16 23.04L113.6 14.72H109.44C108.916 14.72 108.45 14.9081 108.16 15.36L105.6 19.2L103.2 15.52C102.91 15.0681 102.284 14.72 101.76 14.72H97.76L103.2 22.88L97.28 32H101.44C101.96 32 102.429 31.486 102.72 31.04L105.6 26.72L108.64 31.2C108.931 31.646 109.4 32 109.92 32H114.08L108.16 23.04Z"
+          fill="white"
+        />
+        <path
+          d="M26.88 32H44.64C45.2068 32.0001 45.7492 31.8009 46.24 31.52C46.7308 31.2391 47.2367 30.8865 47.52 30.4C47.8033 29.9135 48.0002 29.3615 48 28.7998C47.9998 28.2381 47.8037 27.6864 47.52 27.2001L35.52 6.56C35.2368 6.0736 34.8907 5.72084 34.4 5.44C33.9093 5.15916 33.2066 4.96 32.64 4.96C32.0734 4.96 31.5307 5.15916 31.04 5.44C30.5493 5.72084 30.2032 6.0736 29.92 6.56L26.88 11.84L20.8 1.59962C20.5165 1.11326 20.1708 0.600786 19.68 0.32C19.1892 0.0392139 18.6467 0 18.08 0C17.5133 0 16.9708 0.0392139 16.48 0.32C15.9892 0.600786 15.4835 1.11326 15.2 1.59962L0.32 27.2001C0.0363166 27.6864 0.000246899 28.2381 3.05588e-07 28.7998C-0.000246288 29.3615 0.0367437 29.9134 0.32 30.3999C0.603256 30.8864 1.10919 31.2391 1.6 31.52C2.09081 31.8009 2.63324 32.0001 3.2 32H14.4C18.8379 32 22.068 30.0092 24.32 26.24L29.76 16.8L32.64 11.84L41.44 26.88H29.76L26.88 32ZM14.24 26.88H6.4L18.08 6.72L24 16.8L20.0786 23.636C18.5831 26.0816 16.878 26.88 14.24 26.88Z"
+          fill="white"
+        />
+      </svg>
+      <h1 class="text-white text-6xl font-bold leading-[0.75]">
+        -Starter
+      </h1>
+    </div>
+    <p class="mb-6 max-w-xl text-center text-2xl text-white ">
+      Get ready to supercharge your development with this fully configured Nuxt 4 Starter Kit!
+    </p>
+    <p :class="`mb-6 max-w-md text-center text-2xl text-white ${Store.stateUpdatedAnimation}`">
+      {{ Store.sampleData }}
+    </p>
+    <p class="text-white">
+      {{ Store.apiGreeting }}
+    </p>
+  </div>
+</template>
+
+
+<script setup>
+import { useSampleStore } from '~/app/store/sample';
+
+const Store = useSampleStore();
+</script>

app/pages/index.vue

@@ -0,0 +1,27 @@
+<template>
+  <div class="flex justify-center items-center p-10 w-screen h-screen thousand-generated-frames-animation">
+    <div class="flex flex-col gap-12 items-center p-12 rounded-4xl drop-shadow-2xl bg-gray-900">
+      <!-- // TODO: instead of having a single module add the content of the readme.md and extend it by adding interactive components that do stuff, to explain what is happening and why.  -->
+      <NuxtStarter />
+      <StarterButton />
+      <p class="hidden">
+        This is a secret env - it won't get exposed to the client: {{ config.apiSecret }}
+      </p>
+      <p class="hidden">
+        And this is a public variable - it can be found within the DOM: {{ config.public.apiBase }}
+      </p>
+    </div>
+  </div>
+</template>
+
+
+<script setup>
+  import NuxtStarter from '~/app/components/nuxt-starter/NuxtStarter.vue';
+  import StarterButton from '~/app/components/start-button/StarterButton.vue';
+
+  definePageMeta({
+    middleware: ['demo'],
+  });
+
+  const config = useRuntimeConfig()
+</script>

package.json

@@ -19,27 +19,27 @@
   "devDependencies": {
     "@nuxt/devtools": "^2.4.0",
     "@pinia/testing": "^1.0.1",
-    "@tailwindcss/vite": "^4.1.4",
-    "@types/node": "^22.14.1",
-    "@vitest/coverage-v8": "^3.1.2",
-    "@vitest/ui": "^3.1.2",
+    "@tailwindcss/vite": "^4.1.5",
+    "@types/node": "^22.15.3",
+    "@vitest/coverage-v8": "^3.1.3",
+    "@vitest/ui": "^3.1.3",
     "@vue/test-utils": "^2.4.6",
-    "eslint": "^9.25.1",
-    "eslint-plugin-vue": "^10.0.0",
+    "eslint": "^9.26.0",
+    "eslint-plugin-vue": "^10.1.0",
     "husky": "^9.1.7",
     "jsdom": "^26.1.0",
     "sass": "^1.87.0",
     "sass-loader": "^16.0.5",
-    "tailwindcss": "^4.1.4",
+    "tailwindcss": "^4.1.5",
     "typescript": "5.8.3",
-    "typescript-eslint": "^8.31.0",
+    "typescript-eslint": "^8.31.1",
     "vite-svg-loader": "^5.1.0",
-    "vitest": "^3.1.2",
+    "vitest": "^3.1.3",
     "vue-eslint-parser": "^10.1.3"
   },
   "dependencies": {
     "@pinia/nuxt": "^0.11.0",
-    "nuxt": "^3.16.2",
+    "nuxt": "^3.17.2",
     "pinia": "^3.0.2"
   },
   "packageManager": "yarn@4.9.1"