kmcom-nuxt-layers 1.6.47 → 1.6.52
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -70,24 +70,10 @@ export default defineNuxtConfig({
|
|
|
70
70
|
},
|
|
71
71
|
|
|
72
72
|
// PWA configuration (only applied when module is loaded in production)
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
// short_name: 'Core Layer',
|
|
80
|
-
// description: 'Foundation layer for Nuxt applications',
|
|
81
|
-
// theme_color: '#ffffff',
|
|
82
|
-
// background_color: '#ffffff',
|
|
83
|
-
// display: 'standalone',
|
|
84
|
-
// start_url: '/',
|
|
85
|
-
// },
|
|
86
|
-
// workbox: {
|
|
87
|
-
// navigateFallback: '/',
|
|
88
|
-
// globPatterns: ['**/*.{js,css,html}'],
|
|
89
|
-
// globIgnores: ['**/node_modules/**/*'],
|
|
90
|
-
// },
|
|
91
|
-
// }
|
|
92
|
-
// : undefined,
|
|
73
|
+
pwa: {
|
|
74
|
+
workbox: {
|
|
75
|
+
globPatterns: ['**/*.{js,css,html,ico,png,svg,webp,woff,woff2}'],
|
|
76
|
+
globIgnores: ['**/node_modules/**/*', 'sw.js', 'workbox-*.js'],
|
|
77
|
+
},
|
|
78
|
+
},
|
|
93
79
|
})
|
|
@@ -1,69 +1,66 @@
|
|
|
1
1
|
<script setup lang="ts">
|
|
2
|
-
/**
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
2
|
+
/**
|
|
3
|
+
* LayoutPage — canonical page wrapper for the Swiss Grid System.
|
|
4
|
+
*
|
|
5
|
+
* This is a fragment component (no wrapper element). The grid root is already
|
|
6
|
+
* provided by MastMain at the layout level via <div class="mastmain">.
|
|
7
|
+
* Adding another mastmain wrapper here would nest grids and misalign everything.
|
|
8
|
+
*
|
|
9
|
+
* Responsibilities:
|
|
10
|
+
* - SEO via useHead()
|
|
11
|
+
* - provides 'pageTitle' to child components
|
|
12
|
+
* - optional visible header (LayoutSection + LayoutPageHeader)
|
|
13
|
+
*
|
|
14
|
+
* LayoutGridDebug is owned by the default layout — do NOT add it here.
|
|
15
|
+
*
|
|
16
|
+
* @prop {string} title — Page title: sets <title> and optional visible heading
|
|
17
|
+
* @prop {string} description — Optional meta description for SEO
|
|
18
|
+
* @prop {boolean} showHeader — Render a LayoutPageHeader block (default: false)
|
|
19
|
+
*
|
|
20
|
+
* @example
|
|
21
|
+
* <LayoutPage title="Home">
|
|
22
|
+
* <LayoutSectionHero>
|
|
23
|
+
* <h1>Welcome</h1>
|
|
24
|
+
* </LayoutSectionHero>
|
|
25
|
+
* </LayoutPage>
|
|
26
|
+
*
|
|
27
|
+
* @example
|
|
28
|
+
* <LayoutPage title="About" description="Learn more." :show-header="true">
|
|
29
|
+
* <LayoutSection>
|
|
30
|
+
* <LayoutGridItem preset="centered">
|
|
31
|
+
* <p>Content here.</p>
|
|
32
|
+
* </LayoutGridItem>
|
|
33
|
+
* </LayoutSection>
|
|
34
|
+
* </LayoutPage>
|
|
35
|
+
*/
|
|
36
36
|
|
|
37
|
-
interface Props {
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
}
|
|
37
|
+
interface Props {
|
|
38
|
+
title: string
|
|
39
|
+
description?: string
|
|
40
|
+
showHeader?: boolean
|
|
41
|
+
}
|
|
42
42
|
|
|
43
|
-
const { title, description, showHeader = false } = defineProps<Props>()
|
|
43
|
+
const { title, description, showHeader = false } = defineProps<Props>()
|
|
44
44
|
|
|
45
|
-
useHead({
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
})
|
|
45
|
+
useHead({
|
|
46
|
+
title,
|
|
47
|
+
meta: description
|
|
48
|
+
? [
|
|
49
|
+
{ name: 'description', content: description },
|
|
50
|
+
{ property: 'og:title', content: title },
|
|
51
|
+
{ property: 'og:description', content: description },
|
|
52
|
+
]
|
|
53
|
+
: undefined,
|
|
54
|
+
})
|
|
55
55
|
|
|
56
|
-
provide('pageTitle', title)
|
|
56
|
+
provide('pageTitle', title)
|
|
57
57
|
</script>
|
|
58
58
|
|
|
59
59
|
<template>
|
|
60
60
|
<!-- Optional visible page header — rendered as a grid section -->
|
|
61
61
|
<LayoutSection v-if="showHeader">
|
|
62
62
|
<LayoutGridItem preset="centered">
|
|
63
|
-
<LayoutPageHeader
|
|
64
|
-
:title
|
|
65
|
-
v-bind="description !== undefined ? { description } : {}"
|
|
66
|
-
/>
|
|
63
|
+
<LayoutPageHeader :title v-bind="description !== undefined ? { description } : {}" />
|
|
67
64
|
</LayoutGridItem>
|
|
68
65
|
</LayoutSection>
|
|
69
66
|
|
package/layers/ui/tsconfig.json
CHANGED
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "kmcom-nuxt-layers",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "1.6.
|
|
4
|
+
"version": "1.6.52",
|
|
5
5
|
"description": "Composable Nuxt 4 layers for building scalable Vue applications",
|
|
6
6
|
"exports": {
|
|
7
7
|
"./layers/core": "./layers/core/nuxt.config.ts",
|
|
@@ -23,6 +23,51 @@
|
|
|
23
23
|
"layers/*/app/**",
|
|
24
24
|
"docs/"
|
|
25
25
|
],
|
|
26
|
+
"scripts": {
|
|
27
|
+
"dev": "pnpm -F playground dev",
|
|
28
|
+
"dev:identity": "pnpm -F visual-identity dev",
|
|
29
|
+
"dev:core": "PLAYGROUND_LAYERS=core pnpm -F playground dev",
|
|
30
|
+
"dev:ui": "PLAYGROUND_LAYERS=core,ui pnpm -F playground dev",
|
|
31
|
+
"dev:layout": "PLAYGROUND_LAYERS=core,ui,layout pnpm -F playground dev",
|
|
32
|
+
"dev:motion": "PLAYGROUND_LAYERS=core,motion pnpm -F playground dev",
|
|
33
|
+
"build": "turbo run build",
|
|
34
|
+
"lint": "turbo run lint",
|
|
35
|
+
"typecheck": "turbo run typecheck",
|
|
36
|
+
"prepublishOnly": "pnpm typecheck",
|
|
37
|
+
"clean": "pnpm -r exec rm -rf node_modules .nuxt .output .data && pnpm store prune && pnpm install",
|
|
38
|
+
"cleancache": "pnpm store prune --force",
|
|
39
|
+
"update": "ncu -i",
|
|
40
|
+
"nuxtupdate": "npx nuxi@latest upgrade --dedupe --force",
|
|
41
|
+
"nuxiupgrade": "npx nuxi upgrade",
|
|
42
|
+
"update:nuxt-ui": "pnpm up @nuxt/ui --latest --dedupe",
|
|
43
|
+
"update:nuxt-image": "pnpm up @nuxt/image --latest --dedupe",
|
|
44
|
+
"rebuild": "pnpm install && pnpm turbo run build && pnpm turbo run dev",
|
|
45
|
+
"commit:core": "git add layers/core && git commit -m \"chore(core): update\"",
|
|
46
|
+
"commit:ui": "git add layers/ui && git commit -m \"chore(ui): update\"",
|
|
47
|
+
"commit:layout": "git add layers/layout && git commit -m \"chore(layout): update\"",
|
|
48
|
+
"commit:motion": "git add layers/motion && git commit -m \"chore(motion): update\"",
|
|
49
|
+
"commit:root": "git add . && git commit -m \"chore(root): update\"",
|
|
50
|
+
"layer:core": "pnpm turbo run dev --filter core",
|
|
51
|
+
"layer:ui": "pnpm turbo run dev --filter ui",
|
|
52
|
+
"layer:layout": "pnpm turbo run dev --filter layout",
|
|
53
|
+
"layer:motion": "pnpm turbo run dev --filter motion",
|
|
54
|
+
"build:core": "pnpm turbo run build --filter core",
|
|
55
|
+
"build:ui": "pnpm turbo run build --filter ui",
|
|
56
|
+
"build:layout": "pnpm turbo run build --filter layout",
|
|
57
|
+
"build:motion": "pnpm turbo run build --filter motion",
|
|
58
|
+
"layer:generate:core": "pnpm turbo run generate --filter core",
|
|
59
|
+
"layer:generate:ui": "pnpm turbo run generate --filter ui",
|
|
60
|
+
"layer:generate:layout": "pnpm turbo run generate --filter layout",
|
|
61
|
+
"layer:generate:motion": "pnpm turbo run generate --filter motion",
|
|
62
|
+
"layer:rebuild:core": "pnpm build:core && pnpm layer:generate:core && pnpm layer:core",
|
|
63
|
+
"layer:rebuild:ui": "pnpm build:ui && pnpm layer:generate:ui && pnpm layer:ui",
|
|
64
|
+
"layer:rebuild:layout": "pnpm build:layout && pnpm layer:generate:layout && pnpm layer:layout",
|
|
65
|
+
"layer:rebuild:motion": "pnpm build:motion && pnpm layer:generate:motion && pnpm layer:motion",
|
|
66
|
+
"browserlist": "npx update-browserslist-db@latest",
|
|
67
|
+
"deploy": "turbo run build --filter playground",
|
|
68
|
+
"build:netlify": "pnpm -F playground build:netlify",
|
|
69
|
+
"dev:netlify": "pnpm -F playground dev:netlify"
|
|
70
|
+
},
|
|
26
71
|
"repository": {
|
|
27
72
|
"type": "git",
|
|
28
73
|
"url": "https://github.com/kieranmansfield/nuxt-layers"
|
|
@@ -30,6 +75,7 @@
|
|
|
30
75
|
"keywords": [],
|
|
31
76
|
"author": "Kieran Mansfield",
|
|
32
77
|
"license": "ISC",
|
|
78
|
+
"packageManager": "pnpm@8.15.8",
|
|
33
79
|
"workspaces": [
|
|
34
80
|
"layers/*",
|
|
35
81
|
"apps/*",
|
|
@@ -47,10 +93,10 @@
|
|
|
47
93
|
"@tresjs/post-processing": "^3.4.0",
|
|
48
94
|
"@vite-pwa/nuxt": "^1.1.1",
|
|
49
95
|
"@vueuse/nuxt": "^14.3.0",
|
|
50
|
-
"better-sqlite3": "^
|
|
96
|
+
"better-sqlite3": "^11.5.0",
|
|
51
97
|
"gsap": "^3.14.2",
|
|
52
98
|
"locomotive-scroll": "^5.0.1",
|
|
53
|
-
"nuxt": "^4.4.
|
|
99
|
+
"nuxt": "^4.4.7",
|
|
54
100
|
"nuxt-studio": "^1.4.0",
|
|
55
101
|
"pinia": "^3.0.4",
|
|
56
102
|
"tailwindcss": "^4.3.0",
|
|
@@ -119,9 +165,10 @@
|
|
|
119
165
|
"@nuxt/image": "^2.0.0",
|
|
120
166
|
"@nuxt/ui": "latest",
|
|
121
167
|
"@nuxtjs/device": "^4.0.0",
|
|
168
|
+
"@oxc-parser/binding-darwin-arm64": "^0.133.0",
|
|
122
169
|
"@perplex-digital/stylelint-config": "^17.4.0",
|
|
123
170
|
"@pinia/nuxt": "^0.11.3",
|
|
124
|
-
"@types/node": "^
|
|
171
|
+
"@types/node": "^20",
|
|
125
172
|
"@types/three": "^0.184.1",
|
|
126
173
|
"@typescript-eslint/eslint-plugin": "^8.59.4",
|
|
127
174
|
"@typescript-eslint/parser": "^8.59.4",
|
|
@@ -141,8 +188,9 @@
|
|
|
141
188
|
"eslint-plugin-unicorn": "^64.0.0",
|
|
142
189
|
"eslint-plugin-unused-imports": "^4.4.1",
|
|
143
190
|
"eslint-plugin-vue": "^10.9.1",
|
|
191
|
+
"netlify-cli": "^26.1.0",
|
|
144
192
|
"npm-check-updates": "^22.2.1",
|
|
145
|
-
"nuxt": "^4.4.
|
|
193
|
+
"nuxt": "^4.4.7",
|
|
146
194
|
"pinia": "^3.0.4",
|
|
147
195
|
"playwright": "^1.60.0",
|
|
148
196
|
"postcss-html": "^1.8.1",
|
|
@@ -161,7 +209,7 @@
|
|
|
161
209
|
"stylelint-prettier": "^5.0.3",
|
|
162
210
|
"tailwindcss": "^4.3.0",
|
|
163
211
|
"turbo": "^2.9.16",
|
|
164
|
-
"typescript": "^
|
|
212
|
+
"typescript": "^5",
|
|
165
213
|
"vite-plugin-checker": "^0.14.1",
|
|
166
214
|
"vitest": "^4.1.7",
|
|
167
215
|
"vue": "latest",
|
|
@@ -180,48 +228,10 @@
|
|
|
180
228
|
"skills": "^1.5.9"
|
|
181
229
|
},
|
|
182
230
|
"engines": {
|
|
183
|
-
"node": ">=
|
|
231
|
+
"node": ">=20 <21"
|
|
184
232
|
},
|
|
185
|
-
"
|
|
186
|
-
"
|
|
187
|
-
"
|
|
188
|
-
"dev:core": "PLAYGROUND_LAYERS=core pnpm -F playground dev",
|
|
189
|
-
"dev:ui": "PLAYGROUND_LAYERS=core,ui pnpm -F playground dev",
|
|
190
|
-
"dev:layout": "PLAYGROUND_LAYERS=core,ui,layout pnpm -F playground dev",
|
|
191
|
-
"dev:motion": "PLAYGROUND_LAYERS=core,motion pnpm -F playground dev",
|
|
192
|
-
"build": "turbo run build",
|
|
193
|
-
"lint": "turbo run lint",
|
|
194
|
-
"typecheck": "turbo run typecheck",
|
|
195
|
-
"clean": "pnpm -r exec rm -rf node_modules .nuxt .output .data && pnpm store prune && pnpm install",
|
|
196
|
-
"cleancache": "pnpm store prune && pnpm store status",
|
|
197
|
-
"update": "ncu -i",
|
|
198
|
-
"nuxtupdate": "npx nuxi@latest upgrade --dedupe --force",
|
|
199
|
-
"nuxiupgrade": "npx nuxi upgrade",
|
|
200
|
-
"update:nuxt-ui": "pnpm up @nuxt/ui --latest --dedupe",
|
|
201
|
-
"update:nuxt-image": "pnpm up @nuxt/image --latest --dedupe",
|
|
202
|
-
"rebuild": "pnpm install && pnpm turbo run build && pnpm turbo run dev",
|
|
203
|
-
"commit:core": "git add layers/core && git commit -m \"chore(core): update\"",
|
|
204
|
-
"commit:ui": "git add layers/ui && git commit -m \"chore(ui): update\"",
|
|
205
|
-
"commit:layout": "git add layers/layout && git commit -m \"chore(layout): update\"",
|
|
206
|
-
"commit:motion": "git add layers/motion && git commit -m \"chore(motion): update\"",
|
|
207
|
-
"commit:root": "git add . && git commit -m \"chore(root): update\"",
|
|
208
|
-
"layer:core": "pnpm turbo run dev --filter core",
|
|
209
|
-
"layer:ui": "pnpm turbo run dev --filter ui",
|
|
210
|
-
"layer:layout": "pnpm turbo run dev --filter layout",
|
|
211
|
-
"layer:motion": "pnpm turbo run dev --filter motion",
|
|
212
|
-
"build:core": "pnpm turbo run build --filter core",
|
|
213
|
-
"build:ui": "pnpm turbo run build --filter ui",
|
|
214
|
-
"build:layout": "pnpm turbo run build --filter layout",
|
|
215
|
-
"build:motion": "pnpm turbo run build --filter motion",
|
|
216
|
-
"layer:generate:core": "pnpm turbo run generate --filter core",
|
|
217
|
-
"layer:generate:ui": "pnpm turbo run generate --filter ui",
|
|
218
|
-
"layer:generate:layout": "pnpm turbo run generate --filter layout",
|
|
219
|
-
"layer:generate:motion": "pnpm turbo run generate --filter motion",
|
|
220
|
-
"layer:rebuild:core": "pnpm build:core && pnpm layer:generate:core && pnpm layer:core",
|
|
221
|
-
"layer:rebuild:ui": "pnpm build:ui && pnpm layer:generate:ui && pnpm layer:ui",
|
|
222
|
-
"layer:rebuild:layout": "pnpm build:layout && pnpm layer:generate:layout && pnpm layer:layout",
|
|
223
|
-
"layer:rebuild:motion": "pnpm build:motion && pnpm layer:generate:motion && pnpm layer:motion",
|
|
224
|
-
"browserlist": "npx update-browserslist-db@latest",
|
|
225
|
-
"deploy": "turbo run build --filter playground"
|
|
233
|
+
"volta": {
|
|
234
|
+
"node": "20.19.0",
|
|
235
|
+
"pnpm": "8.15.8"
|
|
226
236
|
}
|
|
227
|
-
}
|
|
237
|
+
}
|