@falcondev-oss/nuxt-layers-base 0.10.1 → 0.10.3

package/app/components/layout/LayoutPage.vue

@@ -8,7 +8,7 @@ import type {
   NavigationMenuItem,
   NavigationMenuProps,
 } from '@nuxt/ui'
-import { omit, pickBy, pipe } from 'remeda'
+import { keys, omit, pickBy, pipe, pullObject } from 'remeda'
 
 defineProps<{
   header?: {
@@ -44,11 +44,37 @@ const omitHeaderSlots = [
   'header-default',
 ] satisfies (keyof typeof slots)[]
 
+const headerSlots = computed(() =>
+  pipe(
+    slots,
+    pickBy((_, key) => key.startsWith('header-')),
+    omit(omitHeaderSlots),
+    keys(),
+    pullObject(
+      (key) => key.replace('header-', ''),
+      (key) => key,
+    ),
+  ),
+)
+
 const omitFooterSlots = [
   'footer-left',
   'footer-right',
   'footer-default',
 ] satisfies (keyof typeof slots)[]
+
+const footerSlots = computed(() =>
+  pipe(
+    slots,
+    pickBy((_, key) => key.startsWith('footer-')),
+    omit(omitFooterSlots),
+    keys(),
+    pullObject(
+      (key) => key.replace('footer-', ''),
+      (key) => key,
+    ),
+  ),
+)
 </script>
 
 <!-- eslint-disable vue/require-explicit-slots -->
@@ -82,16 +108,9 @@ const omitFooterSlots = [
         </slot>
       </template>
 
-      <template
-        v-for="(_, name) in pipe(
-          slots,
-          pickBy((_, key) => key.startsWith('header-')),
-          omit(omitHeaderSlots),
-        )"
-        #[name]="slotData"
-      >
+      <template v-for="(originalName, slotName) in headerSlots" #[slotName]="slotData">
         <!-- @vue-ignore -->
-        <slot :name="name.replace('header-', '')" v-bind="slotData || {}" />
+        <slot :name="originalName" v-bind="slotData || {}" />
       </template>
     </UHeader>
     <UMain>
@@ -99,30 +118,27 @@ const omitFooterSlots = [
     </UMain>
     <UFooter v-if="footer" :ui="footer.ui">
       <template #left>
-        <p class="text-muted text-sm">Copyright © {{ new Date().getFullYear() }}</p>
+        <slot name="footer-left">
+          <p class="text-muted text-sm">Copyright © {{ new Date().getFullYear() }}</p>
+        </slot>
       </template>
 
       <UNavigationMenu v-if="footer.items" :items="footer.items" variant="link" />
 
-      <template v-if="footer.actions" #right>
-        <UActions
-          :actions="footer.actions"
-          :defaults="{
-            variant: 'ghost',
-          }"
-        />
+      <template v-if="footer.actions || slots['footer-right']" #right>
+        <slot name="footer-right">
+          <UActions
+            :actions="footer.actions"
+            :defaults="{
+              variant: 'ghost',
+            }"
+          />
+        </slot>
       </template>
 
-      <template
-        v-for="(_, name) in pipe(
-          slots,
-          pickBy((_, key) => key.startsWith('footer-')),
-          omit(omitFooterSlots),
-        )"
-        #[name]="slotData"
-      >
+      <template v-for="(originalName, slotName) in footerSlots" #[slotName]="slotData">
         <!-- @vue-ignore -->
-        <slot :name="name.replace('footer-', '')" v-bind="slotData || {}" />
+        <slot :name="originalName" v-bind="slotData || {}" />
       </template>
     </UFooter>
   </div>

package/app/components/u/UAuthForm.vue

@@ -13,6 +13,7 @@ import type {
   InferOutput,
 } from '@nuxt/ui'
 import type { Reactive } from 'vue'
+import NuxtUIAuthForm from '@nuxt/ui/components/AuthForm.vue'
 import { useForwardProps } from 'reka-ui'
 
 const props = defineProps<
@@ -22,14 +23,14 @@ const props = defineProps<
 >()
 const slots = defineSlots<AuthFormSlots<Reactive<InferInput<T>>, F>>()
 
-const forwarded = useForwardProps(props)
+const forwarded = useForwardProps(props) as ComputedRef<Omit<typeof props, 'onSubmit'>>
 </script>
 
 <template>
-  <UAuthForm v-bind="forwarded">
+  <NuxtUIAuthForm v-bind="forwarded">
     <template v-for="(_, name) in slots" #[name]="slotData">
       <!-- @vue-ignore -->
       <slot :name="name" v-bind="slotData || {}" />
     </template>
-  </UAuthForm>
+  </NuxtUIAuthForm>
 </template>

package/nuxt.config.ts

@@ -10,6 +10,11 @@ export default defineNuxtConfig({
   // dev
   typescript: {
     strict: true,
+    tsConfig: {
+      compilerOptions: {
+        allowArbitraryExtensions: true,
+      },
+    },
   },
   nitro: {
     experimental: {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@falcondev-oss/nuxt-layers-base",
   "type": "module",
-  "version": "0.10.1",
+  "version": "0.10.3",
   "description": "Nuxt layer with lots of useful helpers and @nuxt/ui components",
   "license": "MIT",
   "repository": "github:falcondev-oss/nuxt-layers",