@polymarbot/nuxt-layer-shadcn-ui 0.5.2 → 0.5.3

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

@@ -6,7 +6,7 @@ defineProps<BadgeProps>()
 </script>
 
 <template>
-  <ShadcnBadge>
+  <ShadcnBadge :variant="variant">
     <slot />
   </ShadcnBadge>
 </template>

package/app/components/ui/Badge/types.ts

@@ -1,5 +1,7 @@
 import type { BadgeVariants } from '../../shadcn/badge'
 
-export type BadgeVariant = NonNullable<BadgeVariants['variant']>
+export type BadgeVariant = BadgeVariants['variant']
 
-export interface BadgeProps extends /* @vue-ignore */ BadgeVariants {}
+export interface BadgeProps {
+  variant?: BadgeVariant
+}

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

@@ -4,9 +4,13 @@ import WebLink from '@polymarbot/nuxt-layer-shadcn-ui/app/components/ui/WebLink/
 import type { ButtonProps } from './types'
 
 const props = defineProps<ButtonProps>()
-const mergedClass = computed(() => cn('cursor-pointer', props.rounded && `
-  rounded-full
-`, props.class))
+const isTransparentHover = computed(() => props.variant === 'outline' || props.variant === 'ghost')
+const mergedClass = computed(() => cn(
+  'cursor-pointer',
+  isTransparentHover.value && 'hover:bg-accent/50',
+  props.rounded && 'rounded-full',
+  props.class,
+))
 
 const isLink = computed(() => !!props.href || !!props.to)
 const hasIcon = computed(() => !!$slots.icon || !!props.icon)
@@ -19,6 +23,8 @@ const $slots = defineSlots<{
 
 <template>
   <ShadcnButton
+    :variant="variant"
+    :size="size"
     :class="mergedClass"
     :asChild="isLink"
     :type="isLink ? undefined : 'button'"

package/app/components/ui/Button/types.ts

@@ -1,10 +1,12 @@
 import type { ButtonVariants } from '../../shadcn/button'
 import type { RouteLocationRaw } from 'vue-router'
 
-export type ButtonVariant = NonNullable<ButtonVariants['variant']>
-export type ButtonSize = NonNullable<ButtonVariants['size']>
+export type ButtonVariant = ButtonVariants['variant']
+export type ButtonSize = ButtonVariants['size']
 
-export interface ButtonProps extends /* @vue-ignore */ ButtonVariants {
+export interface ButtonProps {
+  variant?: ButtonVariant
+  size?: ButtonSize
   loading?: boolean
   disabled?: boolean
   rounded?: boolean

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@polymarbot/nuxt-layer-shadcn-ui",
-  "version": "0.5.2",
+  "version": "0.5.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": "1cee179e4b0678c75dd8293d0274ec2afb8d9143"
+  "gitHead": "79d1ad5f798390469ac3cdfa7aed7ddc530a6c1e"
 }