chore: change exmaple styling from default to new-york
This commit is contained in:
parent
b37ba515dd
commit
0b03032db9
|
|
@ -6,8 +6,8 @@ import ExamplesNav from '../components/ExamplesNav.vue'
|
||||||
import ArrowRightIcon from '~icons/radix-icons/arrow-right'
|
import ArrowRightIcon from '~icons/radix-icons/arrow-right'
|
||||||
import GitHubIcon from '~icons/radix-icons/github-logo'
|
import GitHubIcon from '~icons/radix-icons/github-logo'
|
||||||
|
|
||||||
import { buttonVariants } from '@/lib/registry/default/ui/button'
|
import { buttonVariants } from '@/lib/registry/new-york/ui/button'
|
||||||
import { Separator } from '@/lib/registry/default/ui/separator'
|
import { Separator } from '@/lib/registry/new-york/ui/separator'
|
||||||
import { cn } from '@/lib/utils'
|
import { cn } from '@/lib/utils'
|
||||||
|
|
||||||
import DashboardExample from '@/examples/dashboard/Example.vue'
|
import DashboardExample from '@/examples/dashboard/Example.vue'
|
||||||
|
|
|
||||||
|
|
@ -5,8 +5,8 @@ import PageHeaderDescription from '../components/PageHeaderDescription.vue'
|
||||||
import ExamplesNav from '../components/ExamplesNav.vue'
|
import ExamplesNav from '../components/ExamplesNav.vue'
|
||||||
import ArrowRightIcon from '~icons/radix-icons/arrow-right'
|
import ArrowRightIcon from '~icons/radix-icons/arrow-right'
|
||||||
|
|
||||||
import { buttonVariants } from '@/lib/registry/default/ui/button'
|
import { buttonVariants } from '@/lib/registry/new-york/ui/button'
|
||||||
import { Separator } from '@/lib/registry/default/ui/separator'
|
import { Separator } from '@/lib/registry/new-york/ui/separator'
|
||||||
import { cn } from '@/lib/utils'
|
import { cn } from '@/lib/utils'
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import UserAuthForm from './components/UserAuthForm.vue'
|
import UserAuthForm from './components/UserAuthForm.vue'
|
||||||
import { cn } from '@/lib/utils'
|
import { cn } from '@/lib/utils'
|
||||||
import { buttonVariants } from '@/lib/registry/default/ui/button'
|
import { buttonVariants } from '@/lib/registry/new-york/ui/button'
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
|
|
|
||||||
|
|
@ -4,9 +4,9 @@ import LucideSpinner from '~icons/lucide/loader-2'
|
||||||
import GitHubLogo from '~icons/radix-icons/github-logo'
|
import GitHubLogo from '~icons/radix-icons/github-logo'
|
||||||
|
|
||||||
import { cn } from '@/lib/utils'
|
import { cn } from '@/lib/utils'
|
||||||
import { Button } from '@/lib/registry/default/ui/button'
|
import { Button } from '@/lib/registry/new-york/ui/button'
|
||||||
import { Input } from '@/lib/registry/default/ui/input'
|
import { Input } from '@/lib/registry/new-york/ui/input'
|
||||||
import { Label } from '@/lib/registry/default/ui/label'
|
import { Label } from '@/lib/registry/new-york/ui/label'
|
||||||
|
|
||||||
const isLoading = ref(false)
|
const isLoading = ref(false)
|
||||||
async function onSubmit(event: Event) {
|
async function onSubmit(event: Event) {
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { Button } from '@/lib/registry/default/ui/button'
|
import { Button } from '@/lib/registry/new-york/ui/button'
|
||||||
import {
|
import {
|
||||||
Card,
|
Card,
|
||||||
CardContent,
|
CardContent,
|
||||||
|
|
@ -7,9 +7,9 @@ import {
|
||||||
CardFooter,
|
CardFooter,
|
||||||
CardHeader,
|
CardHeader,
|
||||||
CardTitle,
|
CardTitle,
|
||||||
} from '@/lib/registry/default/ui/card'
|
} from '@/lib/registry/new-york/ui/card'
|
||||||
import { Label } from '@/lib/registry/default/ui/label'
|
import { Label } from '@/lib/registry/new-york/ui/label'
|
||||||
import { Switch } from '@/lib/registry/default/ui/switch'
|
import { Switch } from '@/lib/registry/new-york/ui/switch'
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import GitHubIcon from '~icons/radix-icons/github-logo'
|
import GitHubIcon from '~icons/radix-icons/github-logo'
|
||||||
import { Button } from '@/lib/registry/default/ui/button'
|
import { Button } from '@/lib/registry/new-york/ui/button'
|
||||||
import {
|
import {
|
||||||
Card,
|
Card,
|
||||||
CardContent,
|
CardContent,
|
||||||
|
|
@ -8,9 +8,9 @@ import {
|
||||||
CardFooter,
|
CardFooter,
|
||||||
CardHeader,
|
CardHeader,
|
||||||
CardTitle,
|
CardTitle,
|
||||||
} from '@/lib/registry/default/ui/card'
|
} from '@/lib/registry/new-york/ui/card'
|
||||||
import { Input } from '@/lib/registry/default/ui/input'
|
import { Input } from '@/lib/registry/new-york/ui/input'
|
||||||
import { Label } from '@/lib/registry/default/ui/label'
|
import { Label } from '@/lib/registry/new-york/ui/label'
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import DatePickerWithRange from '@/lib/registry/default/example/DatePickerWithRange.vue'
|
import DatePickerWithRange from '@/lib/registry/default/example/DatePickerWithRange.vue'
|
||||||
import { Card, CardContent } from '@/lib/registry/default/ui/card'
|
import { Card, CardContent } from '@/lib/registry/new-york/ui/card'
|
||||||
import { Label } from '@/lib/registry/default/ui/label'
|
import { Label } from '@/lib/registry/new-york/ui/label'
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
|
|
|
||||||
|
|
@ -4,14 +4,14 @@ import CircleIcon from '~icons/radix-icons/circle'
|
||||||
import PlusIcon from '~icons/radix-icons/plus'
|
import PlusIcon from '~icons/radix-icons/plus'
|
||||||
import StarIcon from '~icons/radix-icons/star'
|
import StarIcon from '~icons/radix-icons/star'
|
||||||
|
|
||||||
import { Button } from '@/lib/registry/default/ui/button'
|
import { Button } from '@/lib/registry/new-york/ui/button'
|
||||||
import {
|
import {
|
||||||
Card,
|
Card,
|
||||||
CardContent,
|
CardContent,
|
||||||
CardDescription,
|
CardDescription,
|
||||||
CardHeader,
|
CardHeader,
|
||||||
CardTitle,
|
CardTitle,
|
||||||
} from '@/lib/registry/default/ui/card'
|
} from '@/lib/registry/new-york/ui/card'
|
||||||
import {
|
import {
|
||||||
DropdownMenu,
|
DropdownMenu,
|
||||||
DropdownMenuCheckboxItem,
|
DropdownMenuCheckboxItem,
|
||||||
|
|
@ -20,8 +20,8 @@ import {
|
||||||
DropdownMenuLabel,
|
DropdownMenuLabel,
|
||||||
DropdownMenuSeparator,
|
DropdownMenuSeparator,
|
||||||
DropdownMenuTrigger,
|
DropdownMenuTrigger,
|
||||||
} from '@/lib/registry/default/ui/dropdown-menu'
|
} from '@/lib/registry/new-york/ui/dropdown-menu'
|
||||||
import { Separator } from '@/lib/registry/default/ui/separator'
|
import { Separator } from '@/lib/registry/new-york/ui/separator'
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,7 @@ import {
|
||||||
CardDescription,
|
CardDescription,
|
||||||
CardHeader,
|
CardHeader,
|
||||||
CardTitle,
|
CardTitle,
|
||||||
} from '@/lib/registry/default/ui/card'
|
} from '@/lib/registry/new-york/ui/card'
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { Button } from '@/lib/registry/default/ui/button'
|
import { Button } from '@/lib/registry/new-york/ui/button'
|
||||||
import {
|
import {
|
||||||
Card,
|
Card,
|
||||||
CardContent,
|
CardContent,
|
||||||
|
|
@ -7,17 +7,17 @@ import {
|
||||||
CardFooter,
|
CardFooter,
|
||||||
CardHeader,
|
CardHeader,
|
||||||
CardTitle,
|
CardTitle,
|
||||||
} from '@/lib/registry/default/ui/card'
|
} from '@/lib/registry/new-york/ui/card'
|
||||||
import { Input } from '@/lib/registry/default/ui/input'
|
import { Input } from '@/lib/registry/new-york/ui/input'
|
||||||
import { Label } from '@/lib/registry/default/ui/label'
|
import { Label } from '@/lib/registry/new-york/ui/label'
|
||||||
import { RadioGroup, RadioGroupItem } from '@/lib/registry/default/ui/radio-group'
|
import { RadioGroup, RadioGroupItem } from '@/lib/registry/new-york/ui/radio-group'
|
||||||
import {
|
import {
|
||||||
Select,
|
Select,
|
||||||
SelectContent,
|
SelectContent,
|
||||||
SelectItem,
|
SelectItem,
|
||||||
SelectTrigger,
|
SelectTrigger,
|
||||||
SelectValue,
|
SelectValue,
|
||||||
} from '@/lib/registry/default/ui/select'
|
} from '@/lib/registry/new-york/ui/select'
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { Button } from '@/lib/registry/default/ui/button'
|
import { Button } from '@/lib/registry/new-york/ui/button'
|
||||||
import {
|
import {
|
||||||
Card,
|
Card,
|
||||||
CardContent,
|
CardContent,
|
||||||
|
|
@ -7,17 +7,17 @@ import {
|
||||||
CardFooter,
|
CardFooter,
|
||||||
CardHeader,
|
CardHeader,
|
||||||
CardTitle,
|
CardTitle,
|
||||||
} from '@/lib/registry/default/ui/card'
|
} from '@/lib/registry/new-york/ui/card'
|
||||||
import { Input } from '@/lib/registry/default/ui/input'
|
import { Input } from '@/lib/registry/new-york/ui/input'
|
||||||
import { Label } from '@/lib/registry/default/ui/label'
|
import { Label } from '@/lib/registry/new-york/ui/label'
|
||||||
import {
|
import {
|
||||||
Select,
|
Select,
|
||||||
SelectContent,
|
SelectContent,
|
||||||
SelectItem,
|
SelectItem,
|
||||||
SelectTrigger,
|
SelectTrigger,
|
||||||
SelectValue,
|
SelectValue,
|
||||||
} from '@/lib/registry/default/ui/select'
|
} from '@/lib/registry/new-york/ui/select'
|
||||||
import { Textarea } from '@/lib/registry/default/ui/textarea'
|
import { Textarea } from '@/lib/registry/new-york/ui/textarea'
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
|
|
|
||||||
|
|
@ -3,24 +3,24 @@ import {
|
||||||
Avatar,
|
Avatar,
|
||||||
AvatarFallback,
|
AvatarFallback,
|
||||||
AvatarImage,
|
AvatarImage,
|
||||||
} from '@/lib/registry/default/ui/avatar'
|
} from '@/lib/registry/new-york/ui/avatar'
|
||||||
import { Button } from '@/lib/registry/default/ui/button'
|
import { Button } from '@/lib/registry/new-york/ui/button'
|
||||||
import {
|
import {
|
||||||
Card,
|
Card,
|
||||||
CardContent,
|
CardContent,
|
||||||
CardDescription,
|
CardDescription,
|
||||||
CardHeader,
|
CardHeader,
|
||||||
CardTitle,
|
CardTitle,
|
||||||
} from '@/lib/registry/default/ui/card'
|
} from '@/lib/registry/new-york/ui/card'
|
||||||
import { Input } from '@/lib/registry/default/ui/input'
|
import { Input } from '@/lib/registry/new-york/ui/input'
|
||||||
import {
|
import {
|
||||||
Select,
|
Select,
|
||||||
SelectContent,
|
SelectContent,
|
||||||
SelectItem,
|
SelectItem,
|
||||||
SelectTrigger,
|
SelectTrigger,
|
||||||
SelectValue,
|
SelectValue,
|
||||||
} from '@/lib/registry/default/ui/select'
|
} from '@/lib/registry/new-york/ui/select'
|
||||||
import { Separator } from '@/lib/registry/default/ui/separator'
|
import { Separator } from '@/lib/registry/new-york/ui/separator'
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
|
|
|
||||||
|
|
@ -5,21 +5,21 @@ import {
|
||||||
Avatar,
|
Avatar,
|
||||||
AvatarFallback,
|
AvatarFallback,
|
||||||
AvatarImage,
|
AvatarImage,
|
||||||
} from '@/lib/registry/default/ui/avatar'
|
} from '@/lib/registry/new-york/ui/avatar'
|
||||||
import { Button } from '@/lib/registry/default/ui/button'
|
import { Button } from '@/lib/registry/new-york/ui/button'
|
||||||
import {
|
import {
|
||||||
Card,
|
Card,
|
||||||
CardContent,
|
CardContent,
|
||||||
CardDescription,
|
CardDescription,
|
||||||
CardHeader,
|
CardHeader,
|
||||||
CardTitle,
|
CardTitle,
|
||||||
} from '@/lib/registry/default/ui/card'
|
} from '@/lib/registry/new-york/ui/card'
|
||||||
|
|
||||||
import {
|
import {
|
||||||
Popover,
|
Popover,
|
||||||
PopoverContent,
|
PopoverContent,
|
||||||
PopoverTrigger,
|
PopoverTrigger,
|
||||||
} from '@/lib/registry/default/ui/popover'
|
} from '@/lib/registry/new-york/ui/popover'
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
|
|
|
||||||
|
|
@ -7,20 +7,20 @@ import Search from './components/Search.vue'
|
||||||
import TeamSwitcher from './components/TeamSwitcher.vue'
|
import TeamSwitcher from './components/TeamSwitcher.vue'
|
||||||
import UserNav from './components/UserNav.vue'
|
import UserNav from './components/UserNav.vue'
|
||||||
|
|
||||||
import { Button } from '@/lib/registry/default/ui/button'
|
import { Button } from '@/lib/registry/new-york/ui/button'
|
||||||
import {
|
import {
|
||||||
Card,
|
Card,
|
||||||
CardContent,
|
CardContent,
|
||||||
CardDescription,
|
CardDescription,
|
||||||
CardHeader,
|
CardHeader,
|
||||||
CardTitle,
|
CardTitle,
|
||||||
} from '@/lib/registry/default/ui/card'
|
} from '@/lib/registry/new-york/ui/card'
|
||||||
import {
|
import {
|
||||||
Tabs,
|
Tabs,
|
||||||
TabsContent,
|
TabsContent,
|
||||||
TabsList,
|
TabsList,
|
||||||
TabsTrigger,
|
TabsTrigger,
|
||||||
} from '@/lib/registry/default/ui/tabs'
|
} from '@/lib/registry/new-york/ui/tabs'
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
|
|
|
||||||
|
|
@ -4,13 +4,13 @@ import { Calendar as CalendarIcon } from 'lucide-vue-next'
|
||||||
|
|
||||||
import { ref } from 'vue'
|
import { ref } from 'vue'
|
||||||
import { cn } from '@/lib/utils'
|
import { cn } from '@/lib/utils'
|
||||||
import { Button } from '@/lib/registry/default/ui/button'
|
import { Button } from '@/lib/registry/new-york/ui/button'
|
||||||
import { Calendar } from '@/lib/registry/default/ui/calendar'
|
import { Calendar } from '@/lib/registry/new-york/ui/calendar'
|
||||||
import {
|
import {
|
||||||
Popover,
|
Popover,
|
||||||
PopoverContent,
|
PopoverContent,
|
||||||
PopoverTrigger,
|
PopoverTrigger,
|
||||||
} from '@/lib/registry/default/ui/popover'
|
} from '@/lib/registry/new-york/ui/popover'
|
||||||
|
|
||||||
const date = ref({
|
const date = ref({
|
||||||
start: new Date(2023, 0, 20),
|
start: new Date(2023, 0, 20),
|
||||||
|
|
|
||||||
|
|
@ -3,7 +3,7 @@ import {
|
||||||
Avatar,
|
Avatar,
|
||||||
AvatarFallback,
|
AvatarFallback,
|
||||||
AvatarImage,
|
AvatarImage,
|
||||||
} from '@/lib/registry/default/ui/avatar'
|
} from '@/lib/registry/new-york/ui/avatar'
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { Input } from '@/lib/registry/default/ui/input'
|
import { Input } from '@/lib/registry/new-york/ui/input'
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
|
|
|
||||||
|
|
@ -7,8 +7,8 @@ import {
|
||||||
Avatar,
|
Avatar,
|
||||||
AvatarFallback,
|
AvatarFallback,
|
||||||
AvatarImage,
|
AvatarImage,
|
||||||
} from '@/lib/registry/default/ui/avatar'
|
} from '@/lib/registry/new-york/ui/avatar'
|
||||||
import { Button } from '@/lib/registry/default/ui/button'
|
import { Button } from '@/lib/registry/new-york/ui/button'
|
||||||
|
|
||||||
import {
|
import {
|
||||||
Dialog,
|
Dialog,
|
||||||
|
|
@ -17,21 +17,21 @@ import {
|
||||||
DialogFooter,
|
DialogFooter,
|
||||||
DialogHeader,
|
DialogHeader,
|
||||||
DialogTitle,
|
DialogTitle,
|
||||||
} from '@/lib/registry/default/ui/dialog'
|
} from '@/lib/registry/new-york/ui/dialog'
|
||||||
import { Input } from '@/lib/registry/default/ui/input'
|
import { Input } from '@/lib/registry/new-york/ui/input'
|
||||||
import { Label } from '@/lib/registry/default/ui/label'
|
import { Label } from '@/lib/registry/new-york/ui/label'
|
||||||
import {
|
import {
|
||||||
Popover,
|
Popover,
|
||||||
PopoverContent,
|
PopoverContent,
|
||||||
PopoverTrigger,
|
PopoverTrigger,
|
||||||
} from '@/lib/registry/default/ui/popover'
|
} from '@/lib/registry/new-york/ui/popover'
|
||||||
import {
|
import {
|
||||||
Select,
|
Select,
|
||||||
SelectContent,
|
SelectContent,
|
||||||
SelectItem,
|
SelectItem,
|
||||||
SelectTrigger,
|
SelectTrigger,
|
||||||
SelectValue,
|
SelectValue,
|
||||||
} from '@/lib/registry/default/ui/select'
|
} from '@/lib/registry/new-york/ui/select'
|
||||||
|
|
||||||
const groups = [
|
const groups = [
|
||||||
{
|
{
|
||||||
|
|
|
||||||
|
|
@ -3,8 +3,8 @@ import {
|
||||||
Avatar,
|
Avatar,
|
||||||
AvatarFallback,
|
AvatarFallback,
|
||||||
AvatarImage,
|
AvatarImage,
|
||||||
} from '@/lib/registry/default/ui/avatar'
|
} from '@/lib/registry/new-york/ui/avatar'
|
||||||
import { Button } from '@/lib/registry/default/ui/button'
|
import { Button } from '@/lib/registry/new-york/ui/button'
|
||||||
import {
|
import {
|
||||||
DropdownMenu,
|
DropdownMenu,
|
||||||
DropdownMenuContent,
|
DropdownMenuContent,
|
||||||
|
|
@ -14,7 +14,7 @@ import {
|
||||||
DropdownMenuSeparator,
|
DropdownMenuSeparator,
|
||||||
DropdownMenuShortcut,
|
DropdownMenuShortcut,
|
||||||
DropdownMenuTrigger,
|
DropdownMenuTrigger,
|
||||||
} from '@/lib/registry/default/ui/dropdown-menu'
|
} from '@/lib/registry/new-york/ui/dropdown-menu'
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
|
|
|
||||||
|
|
@ -11,10 +11,10 @@ import {
|
||||||
TabsContent,
|
TabsContent,
|
||||||
TabsList,
|
TabsList,
|
||||||
TabsTrigger,
|
TabsTrigger,
|
||||||
} from '@/lib/registry/default/ui/tabs'
|
} from '@/lib/registry/new-york/ui/tabs'
|
||||||
import { Separator } from '@/lib/registry/default/ui/separator'
|
import { Separator } from '@/lib/registry/new-york/ui/separator'
|
||||||
import { Button } from '@/lib/registry/default/ui/button'
|
import { Button } from '@/lib/registry/new-york/ui/button'
|
||||||
import { ScrollArea, ScrollBar } from '@/lib/registry/default/ui/scroll-area'
|
import { ScrollArea, ScrollBar } from '@/lib/registry/new-york/ui/scroll-area'
|
||||||
import PlusCircledIcon from '~icons/radix-icons/plus-circled'
|
import PlusCircledIcon from '~icons/radix-icons/plus-circled'
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -12,7 +12,7 @@ import {
|
||||||
ContextMenuSubContent,
|
ContextMenuSubContent,
|
||||||
ContextMenuSubTrigger,
|
ContextMenuSubTrigger,
|
||||||
ContextMenuTrigger,
|
ContextMenuTrigger,
|
||||||
} from '@/lib/registry/default/ui/context-menu'
|
} from '@/lib/registry/new-york/ui/context-menu'
|
||||||
|
|
||||||
interface AlbumArtworkProps {
|
interface AlbumArtworkProps {
|
||||||
album: Album
|
album: Album
|
||||||
|
|
|
||||||
|
|
@ -14,7 +14,7 @@ import {
|
||||||
MenubarSubContent,
|
MenubarSubContent,
|
||||||
MenubarSubTrigger,
|
MenubarSubTrigger,
|
||||||
MenubarTrigger,
|
MenubarTrigger,
|
||||||
} from '@/lib/registry/default/ui/menubar'
|
} from '@/lib/registry/new-york/ui/menubar'
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { Button } from '@/lib/registry/default/ui/button'
|
import { Button } from '@/lib/registry/new-york/ui/button'
|
||||||
import {
|
import {
|
||||||
Dialog,
|
Dialog,
|
||||||
DialogContent,
|
DialogContent,
|
||||||
|
|
@ -8,9 +8,9 @@ import {
|
||||||
DialogHeader,
|
DialogHeader,
|
||||||
DialogTitle,
|
DialogTitle,
|
||||||
DialogTrigger,
|
DialogTrigger,
|
||||||
} from '@/lib/registry/default/ui/dialog'
|
} from '@/lib/registry/new-york/ui/dialog'
|
||||||
import { Input } from '@/lib/registry/default/ui/input'
|
import { Input } from '@/lib/registry/new-york/ui/input'
|
||||||
import { Label } from '@/lib/registry/default/ui/label'
|
import { Label } from '@/lib/registry/new-york/ui/label'
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
|
|
|
||||||
|
|
@ -1,8 +1,8 @@
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import type { Playlist } from '../data/playlists'
|
import type { Playlist } from '../data/playlists'
|
||||||
import { cn } from '@/lib/utils'
|
import { cn } from '@/lib/utils'
|
||||||
import { Button } from '@/lib/registry/default/ui/button'
|
import { Button } from '@/lib/registry/new-york/ui/button'
|
||||||
import { ScrollArea } from '@/lib/registry/default/ui/scroll-area'
|
import { ScrollArea } from '@/lib/registry/new-york/ui/scroll-area'
|
||||||
|
|
||||||
interface SidebarProps {
|
interface SidebarProps {
|
||||||
playlists: Playlist[]
|
playlists: Playlist[]
|
||||||
|
|
|
||||||
|
|
@ -9,21 +9,21 @@ import PresetShare from './components/PresetShare.vue'
|
||||||
import TemperatureSelector from './components/TemperatureSelector.vue'
|
import TemperatureSelector from './components/TemperatureSelector.vue'
|
||||||
import TopPSelector from './components/TopPSelector.vue'
|
import TopPSelector from './components/TopPSelector.vue'
|
||||||
|
|
||||||
import { Textarea } from '@/lib/registry/default/ui/textarea'
|
import { Textarea } from '@/lib/registry/new-york/ui/textarea'
|
||||||
import {
|
import {
|
||||||
Tabs,
|
Tabs,
|
||||||
TabsContent,
|
TabsContent,
|
||||||
TabsList,
|
TabsList,
|
||||||
TabsTrigger,
|
TabsTrigger,
|
||||||
} from '@/lib/registry/default/ui/tabs'
|
} from '@/lib/registry/new-york/ui/tabs'
|
||||||
import { Separator } from '@/lib/registry/default/ui/separator'
|
import { Separator } from '@/lib/registry/new-york/ui/separator'
|
||||||
import { Label } from '@/lib/registry/default/ui/label'
|
import { Label } from '@/lib/registry/new-york/ui/label'
|
||||||
import { Button } from '@/lib/registry/default/ui/button'
|
import { Button } from '@/lib/registry/new-york/ui/button'
|
||||||
import {
|
import {
|
||||||
HoverCard,
|
HoverCard,
|
||||||
HoverCardContent,
|
HoverCardContent,
|
||||||
HoverCardTrigger,
|
HoverCardTrigger,
|
||||||
} from '@/lib/registry/default/ui/hover-card'
|
} from '@/lib/registry/new-york/ui/hover-card'
|
||||||
import CounterClockwiseClockIcon from '~icons/radix-icons/counter-clockwise-clock'
|
import CounterClockwiseClockIcon from '~icons/radix-icons/counter-clockwise-clock'
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { Button } from '@/lib/registry/default/ui/button'
|
import { Button } from '@/lib/registry/new-york/ui/button'
|
||||||
import {
|
import {
|
||||||
Dialog,
|
Dialog,
|
||||||
DialogContent,
|
DialogContent,
|
||||||
|
|
@ -7,7 +7,7 @@ import {
|
||||||
DialogHeader,
|
DialogHeader,
|
||||||
DialogTitle,
|
DialogTitle,
|
||||||
DialogTrigger,
|
DialogTrigger,
|
||||||
} from '@/lib/registry/default/ui/dialog'
|
} from '@/lib/registry/new-york/ui/dialog'
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
|
|
|
||||||
|
|
@ -5,9 +5,9 @@ import {
|
||||||
HoverCard,
|
HoverCard,
|
||||||
HoverCardContent,
|
HoverCardContent,
|
||||||
HoverCardTrigger,
|
HoverCardTrigger,
|
||||||
} from '@/lib/registry/default/ui/hover-card'
|
} from '@/lib/registry/new-york/ui/hover-card'
|
||||||
import { Label } from '@/lib/registry/default/ui/label'
|
import { Label } from '@/lib/registry/new-york/ui/label'
|
||||||
import { Slider } from '@/lib/registry/default/ui/slider'
|
import { Slider } from '@/lib/registry/new-york/ui/slider'
|
||||||
|
|
||||||
const props = defineProps<{
|
const props = defineProps<{
|
||||||
defaultValue: SliderRootProps['defaultValue']
|
defaultValue: SliderRootProps['defaultValue']
|
||||||
|
|
|
||||||
|
|
@ -10,8 +10,8 @@ import {
|
||||||
AlertDialogFooter,
|
AlertDialogFooter,
|
||||||
AlertDialogHeader,
|
AlertDialogHeader,
|
||||||
AlertDialogTitle,
|
AlertDialogTitle,
|
||||||
} from '@/lib/registry/default/ui/alert-dialog'
|
} from '@/lib/registry/new-york/ui/alert-dialog'
|
||||||
import { Button } from '@/lib/registry/default/ui/button'
|
import { Button } from '@/lib/registry/new-york/ui/button'
|
||||||
import {
|
import {
|
||||||
Dialog,
|
Dialog,
|
||||||
DialogContent,
|
DialogContent,
|
||||||
|
|
@ -19,18 +19,18 @@ import {
|
||||||
DialogFooter,
|
DialogFooter,
|
||||||
DialogHeader,
|
DialogHeader,
|
||||||
DialogTitle,
|
DialogTitle,
|
||||||
} from '@/lib/registry/default/ui/dialog'
|
} from '@/lib/registry/new-york/ui/dialog'
|
||||||
import {
|
import {
|
||||||
DropdownMenu,
|
DropdownMenu,
|
||||||
DropdownMenuContent,
|
DropdownMenuContent,
|
||||||
DropdownMenuItem,
|
DropdownMenuItem,
|
||||||
DropdownMenuSeparator,
|
DropdownMenuSeparator,
|
||||||
DropdownMenuTrigger,
|
DropdownMenuTrigger,
|
||||||
} from '@/lib/registry/default/ui/dropdown-menu'
|
} from '@/lib/registry/new-york/ui/dropdown-menu'
|
||||||
import { Label } from '@/lib/registry/default/ui/label'
|
import { Label } from '@/lib/registry/new-york/ui/label'
|
||||||
import { Switch } from '@/lib/registry/default/ui/switch'
|
import { Switch } from '@/lib/registry/new-york/ui/switch'
|
||||||
|
|
||||||
// import { toast } from "@/lib/registry/default/ui/use-toast"
|
// import { toast } from "@/lib/registry/new-york/ui/use-toast"
|
||||||
|
|
||||||
const open = ref(false)
|
const open = ref(false)
|
||||||
const showDeleteDialog = ref(false)
|
const showDeleteDialog = ref(false)
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { Button } from '@/lib/registry/default/ui/button'
|
import { Button } from '@/lib/registry/new-york/ui/button'
|
||||||
import {
|
import {
|
||||||
Dialog,
|
Dialog,
|
||||||
DialogContent,
|
DialogContent,
|
||||||
|
|
@ -8,9 +8,9 @@ import {
|
||||||
DialogHeader,
|
DialogHeader,
|
||||||
DialogTitle,
|
DialogTitle,
|
||||||
DialogTrigger,
|
DialogTrigger,
|
||||||
} from '@/lib/registry/default/ui/dialog'
|
} from '@/lib/registry/new-york/ui/dialog'
|
||||||
import { Input } from '@/lib/registry/default/ui/input'
|
import { Input } from '@/lib/registry/new-york/ui/input'
|
||||||
import { Label } from '@/lib/registry/default/ui/label'
|
import { Label } from '@/lib/registry/new-york/ui/label'
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
|
|
|
||||||
|
|
@ -1,14 +1,14 @@
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import CopyIcon from '~icons/radix-icons/copy'
|
import CopyIcon from '~icons/radix-icons/copy'
|
||||||
|
|
||||||
import { Button } from '@/lib/registry/default/ui/button'
|
import { Button } from '@/lib/registry/new-york/ui/button'
|
||||||
import { Input } from '@/lib/registry/default/ui/input'
|
import { Input } from '@/lib/registry/new-york/ui/input'
|
||||||
import { Label } from '@/lib/registry/default/ui/label'
|
import { Label } from '@/lib/registry/new-york/ui/label'
|
||||||
import {
|
import {
|
||||||
Popover,
|
Popover,
|
||||||
PopoverContent,
|
PopoverContent,
|
||||||
PopoverTrigger,
|
PopoverTrigger,
|
||||||
} from '@/lib/registry/default/ui/popover'
|
} from '@/lib/registry/new-york/ui/popover'
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
|
|
|
||||||
|
|
@ -6,9 +6,9 @@ import {
|
||||||
HoverCard,
|
HoverCard,
|
||||||
HoverCardContent,
|
HoverCardContent,
|
||||||
HoverCardTrigger,
|
HoverCardTrigger,
|
||||||
} from '@/lib/registry/default/ui/hover-card'
|
} from '@/lib/registry/new-york/ui/hover-card'
|
||||||
import { Label } from '@/lib/registry/default/ui/label'
|
import { Label } from '@/lib/registry/new-york/ui/label'
|
||||||
import { Slider } from '@/lib/registry/default/ui/slider'
|
import { Slider } from '@/lib/registry/new-york/ui/slider'
|
||||||
|
|
||||||
const props = defineProps<{
|
const props = defineProps<{
|
||||||
defaultValue: SliderRootProps['defaultValue']
|
defaultValue: SliderRootProps['defaultValue']
|
||||||
|
|
|
||||||
|
|
@ -6,9 +6,9 @@ import {
|
||||||
HoverCard,
|
HoverCard,
|
||||||
HoverCardContent,
|
HoverCardContent,
|
||||||
HoverCardTrigger,
|
HoverCardTrigger,
|
||||||
} from '@/lib/registry/default/ui/hover-card'
|
} from '@/lib/registry/new-york/ui/hover-card'
|
||||||
import { Label } from '@/lib/registry/default/ui/label'
|
import { Label } from '@/lib/registry/new-york/ui/label'
|
||||||
import { Slider } from '@/lib/registry/default/ui/slider'
|
import { Slider } from '@/lib/registry/new-york/ui/slider'
|
||||||
|
|
||||||
const props = defineProps<{
|
const props = defineProps<{
|
||||||
defaultValue: SliderRootProps['defaultValue']
|
defaultValue: SliderRootProps['defaultValue']
|
||||||
|
|
|
||||||
|
|
@ -28,7 +28,7 @@ import {
|
||||||
TableHead,
|
TableHead,
|
||||||
TableHeader,
|
TableHeader,
|
||||||
TableRow,
|
TableRow,
|
||||||
} from '@/lib/registry/default/ui/table'
|
} from '@/lib/registry/new-york/ui/table'
|
||||||
|
|
||||||
interface DataTableProps {
|
interface DataTableProps {
|
||||||
columns: ColumnDef<Task, any>[]
|
columns: ColumnDef<Task, any>[]
|
||||||
|
|
|
||||||
|
|
@ -7,14 +7,14 @@ import CaretSortIcon from '~icons/radix-icons/caret-sort'
|
||||||
import EyeNoneIcon from '~icons/radix-icons/eye-none'
|
import EyeNoneIcon from '~icons/radix-icons/eye-none'
|
||||||
|
|
||||||
import { cn } from '@/lib/utils'
|
import { cn } from '@/lib/utils'
|
||||||
import { Button } from '@/lib/registry/default/ui/button'
|
import { Button } from '@/lib/registry/new-york/ui/button'
|
||||||
import {
|
import {
|
||||||
DropdownMenu,
|
DropdownMenu,
|
||||||
DropdownMenuContent,
|
DropdownMenuContent,
|
||||||
DropdownMenuItem,
|
DropdownMenuItem,
|
||||||
DropdownMenuSeparator,
|
DropdownMenuSeparator,
|
||||||
DropdownMenuTrigger,
|
DropdownMenuTrigger,
|
||||||
} from '@/lib/registry/default/ui/dropdown-menu'
|
} from '@/lib/registry/new-york/ui/dropdown-menu'
|
||||||
|
|
||||||
interface DataTableColumnHeaderProps {
|
interface DataTableColumnHeaderProps {
|
||||||
column: Column<Task, any>
|
column: Column<Task, any>
|
||||||
|
|
|
||||||
|
|
@ -5,15 +5,15 @@ import { computed } from 'vue'
|
||||||
import { type Task } from '../data/schema'
|
import { type Task } from '../data/schema'
|
||||||
import PlusCircledIcon from '~icons/radix-icons/plus-circled'
|
import PlusCircledIcon from '~icons/radix-icons/plus-circled'
|
||||||
|
|
||||||
import { Badge } from '@/lib/registry/default/ui/badge'
|
import { Badge } from '@/lib/registry/new-york/ui/badge'
|
||||||
import { Button } from '@/lib/registry/default/ui/button'
|
import { Button } from '@/lib/registry/new-york/ui/button'
|
||||||
|
|
||||||
import {
|
import {
|
||||||
Popover,
|
Popover,
|
||||||
PopoverContent,
|
PopoverContent,
|
||||||
PopoverTrigger,
|
PopoverTrigger,
|
||||||
} from '@/lib/registry/default/ui/popover'
|
} from '@/lib/registry/new-york/ui/popover'
|
||||||
import { Separator } from '@/lib/registry/default/ui/separator'
|
import { Separator } from '@/lib/registry/new-york/ui/separator'
|
||||||
|
|
||||||
interface DataTableFacetedFilter {
|
interface DataTableFacetedFilter {
|
||||||
column?: Column<Task, any>
|
column?: Column<Task, any>
|
||||||
|
|
|
||||||
|
|
@ -6,14 +6,14 @@ import ChevronRightIcon from '~icons/radix-icons/chevron-right'
|
||||||
import DoubleArrowLeftIcon from '~icons/radix-icons/double-arrow-left'
|
import DoubleArrowLeftIcon from '~icons/radix-icons/double-arrow-left'
|
||||||
import DoubleArrowRightIcon from '~icons/radix-icons/double-arrow-right'
|
import DoubleArrowRightIcon from '~icons/radix-icons/double-arrow-right'
|
||||||
|
|
||||||
import { Button } from '@/lib/registry/default/ui/button'
|
import { Button } from '@/lib/registry/new-york/ui/button'
|
||||||
import {
|
import {
|
||||||
Select,
|
Select,
|
||||||
SelectContent,
|
SelectContent,
|
||||||
SelectItem,
|
SelectItem,
|
||||||
SelectTrigger,
|
SelectTrigger,
|
||||||
SelectValue,
|
SelectValue,
|
||||||
} from '@/lib/registry/default/ui/select'
|
} from '@/lib/registry/new-york/ui/select'
|
||||||
|
|
||||||
interface DataTablePaginationProps {
|
interface DataTablePaginationProps {
|
||||||
table: Table<Task>
|
table: Table<Task>
|
||||||
|
|
|
||||||
|
|
@ -6,7 +6,7 @@ import { taskSchema } from '../data/schema'
|
||||||
import { type Task } from '../data/schema'
|
import { type Task } from '../data/schema'
|
||||||
import DotsHorizontalIcon from '~icons/radix-icons/dots-horizontal'
|
import DotsHorizontalIcon from '~icons/radix-icons/dots-horizontal'
|
||||||
|
|
||||||
import { Button } from '@/lib/registry/default/ui/button'
|
import { Button } from '@/lib/registry/new-york/ui/button'
|
||||||
import {
|
import {
|
||||||
DropdownMenu,
|
DropdownMenu,
|
||||||
DropdownMenuContent,
|
DropdownMenuContent,
|
||||||
|
|
@ -19,7 +19,7 @@ import {
|
||||||
DropdownMenuSubContent,
|
DropdownMenuSubContent,
|
||||||
DropdownMenuSubTrigger,
|
DropdownMenuSubTrigger,
|
||||||
DropdownMenuTrigger,
|
DropdownMenuTrigger,
|
||||||
} from '@/lib/registry/default/ui/dropdown-menu'
|
} from '@/lib/registry/new-york/ui/dropdown-menu'
|
||||||
|
|
||||||
interface DataTableRowActionsProps {
|
interface DataTableRowActionsProps {
|
||||||
row: Row<Task>
|
row: Row<Task>
|
||||||
|
|
|
||||||
|
|
@ -7,8 +7,8 @@ import { priorities, statuses } from '../data/data'
|
||||||
import DataTableFacetedFilter from './DataTableFacetedFilter.vue'
|
import DataTableFacetedFilter from './DataTableFacetedFilter.vue'
|
||||||
import DataTableViewOptions from './DataTableViewOptions.vue'
|
import DataTableViewOptions from './DataTableViewOptions.vue'
|
||||||
import Cross2Icon from '~icons/radix-icons/cross-2'
|
import Cross2Icon from '~icons/radix-icons/cross-2'
|
||||||
import { Button } from '@/lib/registry/default/ui/button'
|
import { Button } from '@/lib/registry/new-york/ui/button'
|
||||||
import { Input } from '@/lib/registry/default/ui/input'
|
import { Input } from '@/lib/registry/new-york/ui/input'
|
||||||
|
|
||||||
interface DataTableToolbarProps {
|
interface DataTableToolbarProps {
|
||||||
table: Table<Task>
|
table: Table<Task>
|
||||||
|
|
|
||||||
|
|
@ -4,7 +4,7 @@ import { computed } from 'vue'
|
||||||
import { type Task } from '../data/schema'
|
import { type Task } from '../data/schema'
|
||||||
import MixerHorizontalIcon from '~icons/radix-icons/mixer-horizontal'
|
import MixerHorizontalIcon from '~icons/radix-icons/mixer-horizontal'
|
||||||
|
|
||||||
import { Button } from '@/lib/registry/default/ui/button'
|
import { Button } from '@/lib/registry/new-york/ui/button'
|
||||||
import {
|
import {
|
||||||
DropdownMenu,
|
DropdownMenu,
|
||||||
DropdownMenuCheckboxItem,
|
DropdownMenuCheckboxItem,
|
||||||
|
|
@ -12,7 +12,7 @@ import {
|
||||||
DropdownMenuLabel,
|
DropdownMenuLabel,
|
||||||
DropdownMenuSeparator,
|
DropdownMenuSeparator,
|
||||||
DropdownMenuTrigger,
|
DropdownMenuTrigger,
|
||||||
} from '@/lib/registry/default/ui/dropdown-menu'
|
} from '@/lib/registry/new-york/ui/dropdown-menu'
|
||||||
|
|
||||||
interface DataTableViewOptionsProps {
|
interface DataTableViewOptionsProps {
|
||||||
table: Table<Task>
|
table: Table<Task>
|
||||||
|
|
|
||||||
|
|
@ -3,8 +3,8 @@ import {
|
||||||
Avatar,
|
Avatar,
|
||||||
AvatarFallback,
|
AvatarFallback,
|
||||||
AvatarImage,
|
AvatarImage,
|
||||||
} from '@/lib/registry/default/ui/avatar'
|
} from '@/lib/registry/new-york/ui/avatar'
|
||||||
import { Button } from '@/lib/registry/default/ui/button'
|
import { Button } from '@/lib/registry/new-york/ui/button'
|
||||||
import {
|
import {
|
||||||
DropdownMenu,
|
DropdownMenu,
|
||||||
DropdownMenuContent,
|
DropdownMenuContent,
|
||||||
|
|
@ -14,7 +14,7 @@ import {
|
||||||
DropdownMenuSeparator,
|
DropdownMenuSeparator,
|
||||||
DropdownMenuShortcut,
|
DropdownMenuShortcut,
|
||||||
DropdownMenuTrigger,
|
DropdownMenuTrigger,
|
||||||
} from '@/lib/registry/default/ui/dropdown-menu'
|
} from '@/lib/registry/new-york/ui/dropdown-menu'
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
|
|
|
||||||
|
|
@ -5,8 +5,8 @@ import { labels, priorities, statuses } from '../data/data'
|
||||||
import type { Task } from '../data/schema'
|
import type { Task } from '../data/schema'
|
||||||
import DataTableColumnHeader from './DataTableColumnHeader.vue'
|
import DataTableColumnHeader from './DataTableColumnHeader.vue'
|
||||||
import DataTableRowActions from './DataTableRowActions.vue'
|
import DataTableRowActions from './DataTableRowActions.vue'
|
||||||
import { Checkbox } from '@/lib/registry/default/ui/checkbox'
|
import { Checkbox } from '@/lib/registry/new-york/ui/checkbox'
|
||||||
import { Badge } from '@/lib/registry/default/ui/badge'
|
import { Badge } from '@/lib/registry/new-york/ui/badge'
|
||||||
|
|
||||||
export const columns: ColumnDef<Task>[] = [
|
export const columns: ColumnDef<Task>[] = [
|
||||||
{
|
{
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user