LukeParke/better-auth
1
0
Fork 0
mirror of https://github.com/LukeHagar/better-auth.git synced 2025-12-09 20:27:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: ad release label

Browse Source
This commit is contained in:
Bereket Engida
2024-09-27 13:36:20 +03:00
parent d49330e8a1
commit afd51708be
341 changed files with 4644 additions and 3805 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
examples/nuxt-example/components/ui/toggle/Toggle.vue
View File

@@ -1,28 +1,38 @@
<script setup lang="ts">
import { type HTMLAttributes, computed } from 'vue'
import { Toggle, type ToggleEmits, type ToggleProps, useForwardPropsEmits } from 'radix-vue'
import { type ToggleVariants, toggleVariants } from '.'
import { cn } from '@/lib/utils'
import { type HTMLAttributes, computed } from "vue";
import {
Toggle,
type ToggleEmits,
type ToggleProps,
useForwardPropsEmits,
} from "radix-vue";
import { type ToggleVariants, toggleVariants } from ".";
import { cn } from "@/lib/utils";
const props = withDefaults(defineProps<ToggleProps & {
class?: HTMLAttributes['class']
variant?: ToggleVariants['variant']
size?: ToggleVariants['size']
}>(), {
variant: 'default',
size: 'default',
disabled: false,
})
const props = withDefaults(
defineProps<
ToggleProps & {
class?: HTMLAttributes["class"];
variant?: ToggleVariants["variant"];
size?: ToggleVariants["size"];
}
>(),
{
variant: "default",
size: "default",
disabled: false,
},
);
const emits = defineEmits<ToggleEmits>()
const emits = defineEmits<ToggleEmits>();
const delegatedProps = computed(() => {
const { class: _, size, variant, ...delegated } = props
const { class: _, size, variant, ...delegated } = props;
return delegated
})
return delegated;
});
const forwarded = useForwardPropsEmits(delegatedProps, emits)
const forwarded = useForwardPropsEmits(delegatedProps, emits);
</script>
<template>

46
examples/nuxt-example/components/ui/toggle/index.ts
View File

@@ -1,27 +1,27 @@
import { type VariantProps, cva } from 'class-variance-authority'
import { type VariantProps, cva } from "class-variance-authority";
export { default as Toggle } from './Toggle.vue'
export { default as Toggle } from "./Toggle.vue";
export const toggleVariants = cva(
'inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground',
{
variants: {
variant: {
default: 'bg-transparent',
outline:
'border border-input bg-transparent shadow-sm hover:bg-accent hover:text-accent-foreground',
},
size: {
default: 'h-9 px-3',
sm: 'h-8 px-2',
lg: 'h-10 px-3',
},
},
defaultVariants: {
variant: 'default',
size: 'default',
},
},
)
"inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground",
{
variants: {
variant: {
default: "bg-transparent",
outline:
"border border-input bg-transparent shadow-sm hover:bg-accent hover:text-accent-foreground",
},
size: {
default: "h-9 px-3",
sm: "h-8 px-2",
lg: "h-10 px-3",
},
},
defaultVariants: {
variant: "default",
size: "default",
},
},
);
export type ToggleVariants = VariantProps<typeof toggleVariants>
export type ToggleVariants = VariantProps<typeof toggleVariants>;