Niklas/shadcn-vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: remove uneended ref

Browse Source
This commit is contained in:
zernonia 2024-01-09 00:45:47 +08:00
parent 8f7a18301c
commit d2f0865e3e
2 changed files with 6 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
apps/www/src/lib/registry/default/example/CarouselPlugin.vue
View File

@ -1,14 +1,13 @@
<script setup lang="ts"> <script setup lang="ts">
import Autoplay from 'embla-carousel-autoplay' import Autoplay from 'embla-carousel-autoplay'
import { ref } from 'vue'
import { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from '@/lib/registry/default/ui/carousel' import { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from '@/lib/registry/default/ui/carousel'
import { Card, CardContent } from '@/lib/registry/default/ui/card' import { Card, CardContent } from '@/lib/registry/default/ui/card'
const plugin = ref(Autoplay({ const plugin = Autoplay({
delay: 2000, delay: 2000,
stopOnMouseEnter: true, stopOnMouseEnter: true,
stopOnInteraction: false, stopOnInteraction: false,
})) })
</script> </script>
<template> <template>
@ -17,7 +16,7 @@ const plugin = ref(Autoplay({
class="w-full max-w-xs" class="w-full max-w-xs"
:plugins="[plugin]" :plugins="[plugin]"
@mouseenter="plugin.stop" @mouseenter="plugin.stop"
@mouseleave="[plugin.reset(), plugin.play(), console.log('Rungin')];" @mouseleave="[plugin.reset(), plugin.play(), console.log('Runing')];"
> >
<CarouselContent> <CarouselContent>
<CarouselItem v-for="(_, index) in 5" :key="index"> <CarouselItem v-for="(_, index) in 5" :key="index">

7
apps/www/src/lib/registry/new-york/example/CarouselPlugin.vue
View File

@ -1,14 +1,13 @@
<script setup lang="ts"> <script setup lang="ts">
import Autoplay from 'embla-carousel-autoplay' import Autoplay from 'embla-carousel-autoplay'
import { ref } from 'vue'
import { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from '@/lib/registry/new-york/ui/carousel' import { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from '@/lib/registry/new-york/ui/carousel'
import { Card, CardContent } from '@/lib/registry/new-york/ui/card' import { Card, CardContent } from '@/lib/registry/new-york/ui/card'
const plugin = ref(Autoplay({ const plugin = Autoplay({
delay: 2000, delay: 2000,
stopOnMouseEnter: true, stopOnMouseEnter: true,
stopOnInteraction: false, stopOnInteraction: false,
})) })
</script> </script>
<template> <template>
@ -17,7 +16,7 @@ const plugin = ref(Autoplay({
class="w-full max-w-xs" class="w-full max-w-xs"
:plugins="[plugin]" :plugins="[plugin]"
@mouseenter="plugin.stop" @mouseenter="plugin.stop"
@mouseleave="[plugin.reset(), plugin.play(), console.log('Rungin')];" @mouseleave="[plugin.reset(), plugin.play(), console.log('Runing')];"
> >
<CarouselContent> <CarouselContent>
<CarouselItem v-for="(_, index) in 5" :key="index"> <CarouselItem v-for="(_, index) in 5" :key="index">