kmcom-nuxt-layers 1.6.47 → 1.6.48

package/layers/layout/app/components/Layout/Page/index.vue

@@ -1,69 +1,66 @@
 <script setup lang="ts">
-/**
- * LayoutPage — canonical page wrapper for the Swiss Grid System.
- *
- * This is a fragment component (no wrapper element). The grid root is already
- * provided by MastMain at the layout level via <div class="mastmain">.
- * Adding another mastmain wrapper here would nest grids and misalign everything.
- *
- * Responsibilities:
- *   - SEO via useHead()
- *   - provides 'pageTitle' to child components
- *   - optional visible header (LayoutSection + LayoutPageHeader)
- *
- * LayoutGridDebug is owned by the default layout — do NOT add it here.
- *
- * @prop {string}  title       — Page title: sets <title> and optional visible heading
- * @prop {string}  description — Optional meta description for SEO
- * @prop {boolean} showHeader  — Render a LayoutPageHeader block (default: false)
- *
- * @example
- * <LayoutPage title="Home">
- *   <LayoutSectionHero>
- *     <h1>Welcome</h1>
- *   </LayoutSectionHero>
- * </LayoutPage>
- *
- * @example
- * <LayoutPage title="About" description="Learn more." :show-header="true">
- *   <LayoutSection>
- *     <LayoutGridItem preset="centered">
- *       <p>Content here.</p>
- *     </LayoutGridItem>
- *   </LayoutSection>
- * </LayoutPage>
- */
+  /**
+   * LayoutPage — canonical page wrapper for the Swiss Grid System.
+   *
+   * This is a fragment component (no wrapper element). The grid root is already
+   * provided by MastMain at the layout level via <div class="mastmain">.
+   * Adding another mastmain wrapper here would nest grids and misalign everything.
+   *
+   * Responsibilities:
+   *   - SEO via useHead()
+   *   - provides 'pageTitle' to child components
+   *   - optional visible header (LayoutSection + LayoutPageHeader)
+   *
+   * LayoutGridDebug is owned by the default layout — do NOT add it here.
+   *
+   * @prop {string}  title       — Page title: sets <title> and optional visible heading
+   * @prop {string}  description — Optional meta description for SEO
+   * @prop {boolean} showHeader  — Render a LayoutPageHeader block (default: false)
+   *
+   * @example
+   * <LayoutPage title="Home">
+   *   <LayoutSectionHero>
+   *     <h1>Welcome</h1>
+   *   </LayoutSectionHero>
+   * </LayoutPage>
+   *
+   * @example
+   * <LayoutPage title="About" description="Learn more." :show-header="true">
+   *   <LayoutSection>
+   *     <LayoutGridItem preset="centered">
+   *       <p>Content here.</p>
+   *     </LayoutGridItem>
+   *   </LayoutSection>
+   * </LayoutPage>
+   */
 
-interface Props {
-  title: string
-  description?: string
-  showHeader?: boolean
-}
+  interface Props {
+    title: string
+    description?: string
+    showHeader?: boolean
+  }
 
-const { title, description, showHeader = false } = defineProps<Props>()
+  const { title, description, showHeader = false } = defineProps<Props>()
 
-useHead({
-  title,
-  meta: description
-    ? [
-        { name: 'description', content: description },
-        { property: 'og:title', content: title },
-        { property: 'og:description', content: description },
-      ]
-    : undefined,
-})
+  useHead({
+    title,
+    meta: description
+      ? [
+          { name: 'description', content: description },
+          { property: 'og:title', content: title },
+          { property: 'og:description', content: description },
+        ]
+      : undefined,
+  })
 
-provide('pageTitle', title)
+  provide('pageTitle', title)
 </script>
 
 <template>
   <!-- Optional visible page header — rendered as a grid section -->
   <LayoutSection v-if="showHeader">
     <LayoutGridItem preset="centered">
-      <LayoutPageHeader
-        :title
-        v-bind="description !== undefined ? { description } : {}"
-      />
+      <LayoutPageHeader :title v-bind="description !== undefined ? { description } : {}" />
     </LayoutGridItem>
   </LayoutSection>
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "kmcom-nuxt-layers",
   "private": false,
-  "version": "1.6.47",
+  "version": "1.6.48",
   "description": "Composable Nuxt 4 layers for building scalable Vue applications",
   "exports": {
     "./layers/core": "./layers/core/nuxt.config.ts",
@@ -121,7 +121,7 @@
     "@nuxtjs/device": "^4.0.0",
     "@perplex-digital/stylelint-config": "^17.4.0",
     "@pinia/nuxt": "^0.11.3",
-    "@types/node": "^25.9.1",
+    "@types/node": "^20",
     "@types/three": "^0.184.1",
     "@typescript-eslint/eslint-plugin": "^8.59.4",
     "@typescript-eslint/parser": "^8.59.4",
@@ -141,6 +141,7 @@
     "eslint-plugin-unicorn": "^64.0.0",
     "eslint-plugin-unused-imports": "^4.4.1",
     "eslint-plugin-vue": "^10.9.1",
+    "netlify-cli": "^26.1.0",
     "npm-check-updates": "^22.2.1",
     "nuxt": "^4.4.6",
     "pinia": "^3.0.4",
@@ -161,7 +162,7 @@
     "stylelint-prettier": "^5.0.3",
     "tailwindcss": "^4.3.0",
     "turbo": "^2.9.16",
-    "typescript": "^6.0.3",
+    "typescript": "^5",
     "vite-plugin-checker": "^0.14.1",
     "vitest": "^4.1.7",
     "vue": "latest",
@@ -180,7 +181,7 @@
     "skills": "^1.5.9"
   },
   "engines": {
-    "node": ">=21 <23"
+    "node": ">=20 <21"
   },
   "scripts": {
     "dev": "pnpm -F playground dev",
@@ -222,6 +223,8 @@
     "layer:rebuild:layout": "pnpm build:layout && pnpm layer:generate:layout && pnpm layer:layout",
     "layer:rebuild:motion": "pnpm build:motion && pnpm layer:generate:motion && pnpm layer:motion",
     "browserlist": "npx update-browserslist-db@latest",
-    "deploy": "turbo run build --filter playground"
+    "deploy": "turbo run build --filter playground",
+    "build:netlify": "pnpm -F playground build:netlify",
+    "dev:netlify": "pnpm -F playground dev:netlify"
   }
 }