@falcondev-oss/nuxt-layers-base 0.35.9 → 0.36.1

package/app/components/u/UField.vue

@@ -145,7 +145,7 @@ const [DefineErrorTemplate, ErrorTemplate] = createReusableTemplate({
         >
           <UIcon name="lucide:circle-alert" class="text-error" />
           <template #content>
-            <div class="text-(--ui-color-neutral-800) max-w-sm text-xs">
+            <div class="max-w-sm text-xs text-(--ui-color-neutral-800)">
               <ErrorTemplate :errors="field.errors" />
             </div>
           </template>

package/app/components/u/UForm.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import type { Toast } from '#ui/composables'
 import type { FormHandle } from '@falcondev-oss/form-core'
 import type { ButtonProps } from '@nuxt/ui'
+import type { Toast } from '#ui/composables'
 
 const props = withDefaults(
   defineProps<{
@@ -80,7 +80,7 @@ const rootErrors = computed(() => props.form.errors?.filter((error) => error.pat
         </li>
       </ul>
 
-      <hr class="text-(--ui-border-muted) h-px w-full" />
+      <hr class="h-px w-full text-(--ui-border-muted)" />
 
       <div v-show="!actionsTeleportTo" class="flex items-center justify-end gap-4">
         <Teleport defer :disabled="!actionsTeleportTo" :to="actionsTeleportTo">

package/app/components/u/UInputDurationMinutes.vue

@@ -17,7 +17,6 @@ const model = defineModel<number | null>({
   required: true,
 })
 
-// eslint-disable-next-line unicorn/prefer-string-raw
 const parser = regex('^-?(?<hours>\\d{1,}):?(?<minutes>\\d{1,2})?$')
 const duration = computed({
   get: () => {

package/app/components/u/UInputFile.vue

@@ -3,29 +3,32 @@ import type { FileUploadEmits, FileUploadProps } from '@nuxt/ui'
 import { useForwardPropsEmits } from 'reka-ui'
 import { omit } from 'remeda'
 
-const props = defineProps<
-  FileUploadProps<Multiple> & {
-    /**
-     * Set to `false` to disable compression
-     */
-    compression?:
-      | boolean
-      | {
-          /**
-           * @default 1920
-           */
-          maxDimension?: number
-          /**
-           * @default 0.85
-           */
-          quality?: number
-          /**
-           * @default 'image/webp'
-           */
-          outputType?: string
-        }
-  }
->()
+const props = withDefaults(
+  defineProps<
+    FileUploadProps<Multiple> & {
+      /**
+       * Set to `false` to disable compression
+       */
+      compression?:
+        | boolean
+        | {
+            /**
+             * @default 1920
+             */
+            maxDimension?: number
+            /**
+             * @default 0.85
+             */
+            quality?: number
+            /**
+             * @default 'image/webp'
+             */
+            outputType?: string
+          }
+    }
+  >(),
+  { compression: true },
+)
 const emit = defineEmits<
   FileUploadEmits & {
     compressed: [
@@ -58,24 +61,20 @@ async function forwardFiles(files: File | File[] | null | undefined) {
     }),
   )
 
-  model.value = (forwarded.value.multiple ? compressed : compressed[0]!) as Files
+  model.value = (props.multiple ? compressed : compressed[0]!) as Files
 }
 
 async function compressImage(file: File) {
-  if (forwarded.value.compression === false) return file
+  if (props.compression === false) return file
   if (compressedFiles.has(file)) return compressedFiles.get(file)!
 
   const maxDimension =
-    typeof forwarded.value.compression === 'object'
-      ? (forwarded.value.compression?.maxDimension ?? 1920)
-      : 1920
+    typeof props.compression === 'object' ? (props.compression?.maxDimension ?? 1920) : 1920
   const quality =
-    typeof forwarded.value.compression === 'object'
-      ? (forwarded.value.compression?.quality ?? 0.85)
-      : 0.85
+    typeof props.compression === 'object' ? (props.compression?.quality ?? 0.85) : 0.85
   const outputType =
-    typeof forwarded.value.compression === 'object'
-      ? (forwarded.value.compression?.outputType ?? 'image/webp')
+    typeof props.compression === 'object'
+      ? (props.compression?.outputType ?? 'image/webp')
       : 'image/webp'
 
   const img = new Image()

package/app/composables/useTableColumns.tsx

@@ -49,15 +49,15 @@ export function useTableColumns<T extends MaybeRef<Record<string, any>[] | undef
               icon: 'lucide:trash',
               color: 'error',
               loadingAuto: true,
-              onClick: async () => {
-                await actions.onDelete?.(row)
+              onClick: () => {
+                actions.onDelete?.(row)
               },
             })
 
           return (
             <UActions
               defaults={rowActionDefaults}
-              class="gap-2! justify-end"
+              class="justify-end gap-2!"
               actions={rowActions}
             />
           )

package/app/utils/plugins.ts

@@ -1,7 +1,6 @@
-import type { ObjectPlugin } from '#app'
 import type { DehydratedState, QueryClientConfig, VueQueryPluginOptions } from '@tanstack/vue-query'
 import type { AnyTRPCRouter } from '@trpc/server'
-import { useState } from '#app'
+import type { ObjectPlugin } from '#app'
 import { typedFormDataLink } from '@falcondev-oss/trpc-typed-form-data/client'
 import { createTRPCVueQueryClient } from '@falcondev-oss/trpc-vue-query'
 import {
@@ -17,6 +16,7 @@ import { httpSubscriptionLink, isTRPCClientError, splitLink, TRPCClientError } f
 import defu from 'defu'
 import superjson from 'superjson'
 import { httpBatchLink, httpLink } from 'trpc-nuxt/client'
+import { useState } from '#app'
 
 interface VueQueryNuxtPluginOptions {
   queryClientOptions?: QueryClientConfig
@@ -46,13 +46,12 @@ export function vueQueryPlugin(opts?: VueQueryNuxtPluginOptions) {
     name: 'vue-query',
     setup(nuxt) {
       const toast = useToast()
-      const vueQueryState = useState<DehydratedState | null>('vue-query')
+      const vueQueryState = useState<Partial<DehydratedState>>('vue-query')
 
       const queryClient = new QueryClient(
         defu<QueryClientConfig, QueryClientConfig[]>(opts?.queryClientOptions, {
           defaultOptions: {
             queries: {
-              experimental_prefetchInRender: true,
               retry(failureCount, error) {
                 if (
                   isTRPCClientError<AnyTRPCRouter>(error) &&

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@falcondev-oss/nuxt-layers-base",
   "type": "module",
-  "version": "0.35.9",
+  "version": "0.36.1",
   "description": "Nuxt layer with lots of useful helpers and @nuxt/ui components",
   "license": "MIT",
   "repository": {
@@ -32,34 +32,34 @@
     "vue": ">=3.5.40"
   },
   "dependencies": {
-    "@falcondev-oss/trpc-typed-form-data": "^0.4.3",
+    "@falcondev-oss/trpc-typed-form-data": "^0.5.3",
     "@falcondev-oss/trpc-vue-query": "^0.5.4",
-    "@iconify-json/lucide": "^1.2.114",
-    "@nuxt/icon": "^2.2.3",
+    "@iconify-json/lucide": "^1.2.125",
+    "@nuxt/icon": "^2.5.0",
     "@nuxtjs/color-mode": "^4.0.1",
-    "@tanstack/vue-query": "^5.101.0",
+    "@tanstack/vue-query": "^5.102.1",
     "@trpc/client": "^11.18.0",
     "@trpc/server": "^11.18.0",
-    "@vue/devtools-api": "^8.1.3",
-    "@vueuse/core": "^14.3.0",
-    "@vueuse/nuxt": "^14.3.0",
-    "@vueuse/router": "^14.3.0",
-    "arkregex": "^0.0.5",
+    "@vue/devtools-api": "^8.2.1",
+    "@vueuse/core": "^14.4.0",
+    "@vueuse/nuxt": "^14.4.0",
+    "@vueuse/router": "^14.4.0",
+    "arkregex": "^0.0.8",
     "consola": "^3.4.2",
     "defu": "^6.1.7",
     "maska": "^3.2.0",
-    "reka-ui": "~2.9.10",
-    "remeda": "^2.39.0",
+    "reka-ui": "~2.10.3",
+    "remeda": "^2.43.0",
     "superjson": "^2.2.6",
-    "tailwindcss": "^4.3.1",
-    "trpc-nuxt": "^2.1.1",
-    "type-fest": "^5.7.0",
-    "vue-router": "^5.1.0"
+    "tailwindcss": "^4.3.3",
+    "trpc-nuxt": "^2.1.2",
+    "type-fest": "^5.8.0",
+    "vue-router": "^5.2.0"
   },
   "devDependencies": {
-    "nuxt": "^4.4.8",
+    "nuxt": "^4.5.2",
     "typescript": "^5.9.3",
-    "vue-tsc": "^3.3.5",
+    "vue-tsc": "^3.3.11",
     "zod": "^4.4.3"
   },
   "scripts": {