@polymarbot/nuxt-layer-shadcn-ui 0.3.2 → 0.3.3

package/app/components/ui/Avatar/index.vue

@@ -23,7 +23,7 @@ const sizeClasses: Record<string, string> = {
   xlarge: 'size-16 text-lg',
 }
 
-const effectiveLabel = computed(() => props.fallbackLabel ?? props.label)
+const effectiveLabel = computed(() => props.fallbackLabel || props.label)
 
 const mergedClass = computed(() =>
   cn(

package/app/components/ui/Drawer/index.vue

@@ -34,10 +34,10 @@ const emit = defineEmits<{
 const { t } = useI18n()
 
 const resolvedConfirmText = computed(
-  () => props.confirmText ?? t('common.actions.confirm'),
+  () => props.confirmText || t('common.actions.confirm'),
 )
 const resolvedCancelText = computed(
-  () => props.cancelText ?? t('common.actions.cancel'),
+  () => props.cancelText || t('common.actions.cancel'),
 )
 
 const sheetOpen = computed({
@@ -65,7 +65,7 @@ function onCancel () {
 }
 
 const contentClass = computed(() =>
-  cn('flex flex-col gap-0 p-0', props.class),
+  cn('gap-0 p-0 flex flex-col', props.class),
 )
 </script>
 
@@ -128,7 +128,7 @@ const contentClass = computed(() =>
             <slot name="footerLeft" />
           </div>
 
-          <div class="flex shrink-0 justify-end gap-4">
+          <div class="gap-4 flex shrink-0 justify-end">
             <Button
               v-if="showCancel"
               class="min-w-24"
@@ -155,10 +155,11 @@ const contentClass = computed(() =>
         v-if="showClose"
         :disabled="loading"
         class="
-          absolute top-3 right-3 flex size-8 items-center justify-center
-          rounded-full text-muted-foreground ring-offset-background transition
+          top-3 right-3 size-8 text-muted-foreground ring-offset-background
           hover:bg-accent/50 hover:text-foreground
-          focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-hidden
+          focus:ring-ring
+          absolute flex items-center justify-center rounded-full transition
+          focus:ring-2 focus:ring-offset-2 focus:outline-hidden
           disabled:pointer-events-none disabled:opacity-50
         "
       >

package/app/components/ui/Modal/index.vue

@@ -35,10 +35,10 @@ const emit = defineEmits<{
 const { t } = useI18n()
 
 const resolvedConfirmText = computed(
-  () => props.confirmText ?? t('common.actions.confirm'),
+  () => props.confirmText || t('common.actions.confirm'),
 )
 const resolvedCancelText = computed(
-  () => props.cancelText ?? t('common.actions.cancel'),
+  () => props.cancelText || t('common.actions.cancel'),
 )
 
 const dialogOpen = computed({
@@ -138,7 +138,7 @@ const contentClass = computed(() =>
 
           <!-- Right side buttons -->
           <div
-            class="flex shrink-0 gap-4"
+            class="gap-4 flex shrink-0"
             :class="[ alignCenter ? 'justify-center' : 'justify-end' ]"
           >
             <Button
@@ -167,10 +167,11 @@ const contentClass = computed(() =>
         v-if="showClose"
         :disabled="loading"
         class="
-          absolute top-3 right-3 flex size-8 items-center justify-center
-          rounded-full text-muted-foreground ring-offset-background transition
+          top-3 right-3 size-8 text-muted-foreground ring-offset-background
           hover:bg-accent/50 hover:text-foreground
-          focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-hidden
+          focus:ring-ring
+          absolute flex items-center justify-center rounded-full transition
+          focus:ring-2 focus:ring-offset-2 focus:outline-hidden
           disabled:pointer-events-none disabled:opacity-50
         "
       >

package/app/components/ui/RadioGroup/index.vue

@@ -34,7 +34,7 @@ const orientationClass = {
 } as const
 
 const mergedClass = computed(() => cn(
-  'flex gap-3',
+  'gap-3 flex',
   orientationClass[props.orientation],
   props.class,
 ))
@@ -51,7 +51,7 @@ const mergedClass = computed(() => cn(
       v-for="item in items"
       :key="item.value"
       class="
-        flex cursor-pointer items-center gap-2
+        gap-2 flex cursor-pointer items-center
         has-data-disabled:cursor-not-allowed has-data-disabled:opacity-50
       "
     >
@@ -65,7 +65,7 @@ const mergedClass = computed(() => cn(
           :item="item"
           :checked="model === item.value"
         >
-          {{ item.label ?? item.value }}
+          {{ item.label || item.value }}
         </slot>
       </span>
     </label>

package/app/components/ui/SearchSelect/index.vue

@@ -251,7 +251,7 @@ defineExpose({ refresh: resetAndLoad })
               name="plus"
               class="size-4"
             />
-            {{ createNewText ?? T('createNew') }}
+            {{ createNewText || T('createNew') }}
           </WebLink>
         </div>
       </slot>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@polymarbot/nuxt-layer-shadcn-ui",
-  "version": "0.3.2",
+  "version": "0.3.3",
   "description": "Nuxt layer providing shadcn-vue based UI components",
   "type": "module",
   "main": "./nuxt.config.ts",
@@ -42,5 +42,5 @@
     "vue-i18n": "^11",
     "vue-router": "^4 || ^5"
   },
-  "gitHead": "38440c5e7df111bad939a58e7c2e3714077789de"
+  "gitHead": "fa7745bb4bdb8d3945fcbf8603e216a93f0ca881"
 }