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