kmcom-nuxt-layers 1.6.44 → 1.6.47

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/layers/motion/app/plugins/locomotive-scroll.client.ts

@@ -48,8 +48,10 @@ export default defineNuxtPlugin(() => {
   const appConfig = useAppConfig()
   const smoothScroll: boolean | string[] = appConfig.motion?.smoothScroll ?? true
 
+  const nuxtApp = useNuxtApp()
+
   if (smoothScroll === true) {
-    init()
+    nuxtApp.hook('app:mounted', () => nextTick(init))
   } else if (Array.isArray(smoothScroll)) {
     addRouteMiddleware((to, from) => {
       if (smoothScroll.includes(to.path)) {
@@ -59,7 +61,7 @@ export default defineNuxtPlugin(() => {
       }
     })
     if (smoothScroll.includes(router.currentRoute.value.path)) {
-      init()
+      nuxtApp.hook('app:mounted', () => nextTick(init))
     }
   }
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "kmcom-nuxt-layers",
   "private": false,
-  "version": "1.6.44",
+  "version": "1.6.47",
   "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",