@falcondev-oss/nuxt-layers-base 0.8.0 → 0.10.0

package/app/components/layout/LayoutPage.vue

@@ -1,5 +1,13 @@
 <script setup lang="ts">
-import type { ButtonProps, FooterSlots, HeaderSlots, NavigationMenuItem } from '@nuxt/ui'
+import type {
+  ButtonProps,
+  FooterProps,
+  FooterSlots,
+  HeaderProps,
+  HeaderSlots,
+  NavigationMenuItem,
+  NavigationMenuProps,
+} from '@nuxt/ui'
 import { omit, pickBy, pipe } from 'remeda'
 
 defineProps<{
@@ -8,12 +16,14 @@ defineProps<{
       src?: string
       iconSrc?: string
     }
-    items?: NavigationMenuItem[]
+    navigation?: NavigationMenuProps
     actions?: ButtonProps[]
+    ui?: HeaderProps['ui']
   }
   footer?: {
     items?: NavigationMenuItem[]
     actions?: ButtonProps[]
+    ui?: FooterProps['ui']
   }
 }>()
 
@@ -44,7 +54,7 @@ const omitFooterSlots = [
 <!-- eslint-disable vue/require-explicit-slots -->
 <template>
   <div>
-    <UHeader v-if="header">
+    <UHeader v-if="header" :ui="header.ui">
       <template v-if="header.logo || slots['header-title']" #title>
         <slot name="header-title">
           <template v-if="header.logo">
@@ -58,7 +68,7 @@ const omitFooterSlots = [
         </slot>
       </template>
 
-      <UNavigationMenu v-if="header.items" :items="header.items" />
+      <UNavigationMenu v-if="header.navigation" v-bind="header.navigation" />
 
       <template v-if="header.actions || slots['header-right']" #right>
         <slot name="header-right">
@@ -87,7 +97,7 @@ const omitFooterSlots = [
     <UMain>
       <slot />
     </UMain>
-    <UFooter v-if="footer">
+    <UFooter v-if="footer" :ui="footer.ui">
       <template #left>
         <p class="text-muted text-sm">Copyright © {{ new Date().getFullYear() }}</p>
       </template>

package/app/utils/plugins.ts

@@ -1,6 +1,7 @@
 import type { DehydratedState, QueryClientConfig, VueQueryPluginOptions } from '@tanstack/vue-query'
 import type { AnyTRPCRouter } from '@trpc/server'
 import type { ObjectPlugin } from 'nuxt/app'
+import { typedFormDataLink } from '@falcondev-oss/trpc-typed-form-data/client'
 import { createTRPCVueQueryClient } from '@falcondev-oss/trpc-vue-query'
 import {
   dehydrate,
@@ -128,10 +129,15 @@ export function trpcPlugin<Router extends AnyTRPCRouter>(opts: TrpcNuxtPluginOpt
               }),
               false: splitLink({
                 condition: (op) => op.type === 'mutation',
-                true: httpLink({
-                  transformer: superjson,
-                  url: opts.url,
-                }),
+                true: [
+                  typedFormDataLink<AnyTRPCRouter>({
+                    transformer: superjson,
+                  }),
+                  httpLink({
+                    transformer: superjson,
+                    url: opts.url,
+                  }),
+                ],
                 false: httpBatchLink({
                   transformer: superjson,
                   url: opts.url,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@falcondev-oss/nuxt-layers-base",
   "type": "module",
-  "version": "0.8.0",
+  "version": "0.10.0",
   "description": "Nuxt layer with lots of useful helpers and @nuxt/ui components",
   "license": "MIT",
   "repository": "github:falcondev-oss/nuxt-layers",
@@ -16,6 +16,7 @@
   "peerDependencies": {
     "@falcondev-oss/form-core": "^0.18.5",
     "@falcondev-oss/form-vue": "^0.18.5",
+    "@falcondev-oss/trpc-typed-form-data": "^0.1.1",
     "@falcondev-oss/trpc-vue-query": "^0.5.2",
     "@iconify-json/lucide": "^1.2.2",
     "@internationalized/date": "^3.10.1",