kmcom-nuxt-layers 1.6.43 → 1.6.46

package/layers/content/app/components/Portfolio/ItemPage.vue

@@ -0,0 +1,19 @@
+<script setup lang="ts">
+const { contentLayer } = useAppConfig()
+if (contentLayer?.sections?.portfolio === false) {
+  throw createError({ statusCode: 404, statusMessage: 'Not Found' })
+}
+
+const { slug, collection = 'portfolio' } = defineProps<{
+  slug: string
+  collection?: string
+}>()
+</script>
+
+<template>
+  <LayoutSection>
+    <LayoutGridItem>
+      <PortfolioDetail :slug :collection />
+    </LayoutGridItem>
+  </LayoutSection>
+</template>

package/layers/content/app/{pages/portfolio/index.vue → components/Portfolio/Page.vue}

@@ -1,13 +1,13 @@
 <script setup lang="ts">
-  const { contentLayer } = useAppConfig()
-  if (contentLayer?.sections?.portfolio === false) {
-    throw createError({ statusCode: 404, statusMessage: 'Not Found' })
-  }
+const { contentLayer } = useAppConfig()
+if (contentLayer?.sections?.portfolio === false) {
+  throw createError({ statusCode: 404, statusMessage: 'Not Found' })
+}
 
-  useSeoMeta({
-    title: 'Portfolio',
-    description: 'Featured projects and work',
-  })
+useSeoMeta({
+  title: 'Portfolio',
+  description: 'Featured projects and work',
+})
 </script>
 
 <template>

package/layers/forms/app/components/Form/Contact.vue

@@ -1,52 +1,59 @@
 <script setup lang="ts">
-// @ts-nocheck
-import type { FormSubmitEvent } from '@nuxt/ui'
-import { z } from 'zod'
-import { fieldConfigs } from '../../config/fields'
+  // @ts-nocheck
+  import type { FormSubmitEvent } from '@nuxt/ui'
+  import { z } from 'zod'
 
-const emit = defineEmits<{
-  submit: [data: FormState]
-}>()
+  import { fieldConfigs } from '../../config/fields'
 
-const schema = z.object({
-  name: fieldConfigs.name.validation.pipe(z.string().min(3, 'Name must be at least 3 characters')),
-  email: fieldConfigs.email.validation,
-  message: fieldConfigs.textarea.validation.pipe(
-    z.string().min(8, 'Message must be at least 8 characters')
-  ),
-})
+  const emit = defineEmits<{
+    submit: [data: FormState]
+  }>()
 
-type FormState = z.infer<typeof schema>
+  const schema = z.object({
+    name: fieldConfigs.name.validation.pipe(
+      z.string().min(3, 'Name must be at least 3 characters')
+    ),
+    email: fieldConfigs.email.validation,
+    message: fieldConfigs.textarea.validation.pipe(
+      z.string().min(8, 'Message must be at least 8 characters')
+    ),
+  })
+
+  type FormState = z.infer<typeof schema>
+
+  const state = reactive({ name: '', email: '', message: '' })
 
-const state = reactive({ name: '', email: '', message: '' })
+  const toast = useToast()
+  const isLoading = ref(false)
 
-const toast = useToast()
-const isLoading = ref(false)
+  async function onSubmit(event: FormSubmitEvent<FormState>) {
+    isLoading.value = true
+    try {
+      await $fetch('/api/contact', { method: 'POST', body: event.data })
+      toast.add({
+        title: 'Message sent!',
+        description: 'Thanks for reaching out.',
+        color: 'success',
+      })
+      emit('submit', event.data)
+    } catch {
+      toast.add({
+        title: 'Something went wrong',
+        description: 'Please try again later.',
+        color: 'error',
+      })
+    } finally {
+      isLoading.value = false
+    }
+  }
 
-async function onSubmit(event: FormSubmitEvent<FormState>) {
-  isLoading.value = true
-  try {
-    await $fetch('/api/contact', { method: 'POST', body: event.data })
-    toast.add({ title: 'Message sent!', description: 'Thanks for reaching out.', color: 'success' })
-    emit('submit', event.data)
-  } catch {
+  async function onError() {
     toast.add({
-      title: 'Something went wrong',
-      description: 'Please try again later.',
+      title: 'Error',
+      description: 'There was an error submitting the form.',
       color: 'error',
     })
-  } finally {
-    isLoading.value = false
   }
-}
-
-async function onError() {
-  toast.add({
-    title: 'Error',
-    description: 'There was an error submitting the form.',
-    color: 'error',
-  })
-}
 </script>
 
 <template>

package/layers/motion/app/composables/useSmoothScroll.ts

@@ -70,10 +70,9 @@ export function useSmoothScroll() {
    * Unlock scrolling (enable scroll)
    */
   function unlockScrolling() {
-    if (import.meta.client && locomotiveScroll.value) {
-      document.documentElement.style.overflow = ''
-      locomotiveScroll.value.start()
-    }
+    if (!import.meta.client) return
+    document.documentElement.style.overflow = ''
+    locomotiveScroll.value?.start()
   }
 
   /**

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "kmcom-nuxt-layers",
   "private": false,
-  "version": "1.6.43",
+  "version": "1.6.46",
   "description": "Composable Nuxt 4 layers for building scalable Vue applications",
   "exports": {
     "./layers/core": "./layers/core/nuxt.config.ts",
@@ -23,6 +23,10 @@
     "layers/*/app/**",
     "docs/"
   ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/kieranmansfield/nuxt-layers"
+  },
   "keywords": [],
   "author": "Kieran Mansfield",
   "license": "ISC",

package/layers/content/app/pages/portfolio/[slug].vue

@@ -1,17 +0,0 @@
-<script setup lang="ts">
-  const { contentLayer } = useAppConfig()
-  if (contentLayer?.sections?.portfolio === false) {
-    throw createError({ statusCode: 404, statusMessage: 'Not Found' })
-  }
-
-  const route = useRoute()
-  const slug = route.params.slug as string
-</script>
-
-<template>
-  <LayoutSection>
-    <LayoutGridItem>
-      <PortfolioDetail :slug="slug" />
-    </LayoutGridItem>
-  </LayoutSection>
-</template>