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

refactor: fix embla-carousel types after v8.0.0-rc18

Browse Source 
update embla deps
This commit is contained in:
sadeghbarati 2024-01-08 11:36:44 +03:30
parent dfda49dc33
commit dae21ccc7c
8 changed files with 37 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
apps/www/package.json
View File

@ -29,8 +29,8 @@
"codesandbox": "^2.2.3", "codesandbox": "^2.2.3",
"date-fns": "^2.30.0", "date-fns": "^2.30.0",
"embla-carousel": "8.0.0-rc19", "embla-carousel": "8.0.0-rc19",
"embla-carousel-autoplay": "8.0.0-rc18", "embla-carousel-autoplay": "8.0.0-rc19",
"embla-carousel-vue": "8.0.0-rc18", "embla-carousel-vue": "8.0.0-rc19",
"lucide-vue-next": "^0.276.0", "lucide-vue-next": "^0.276.0",
"radix-vue": "^1.2.5", "radix-vue": "^1.2.5",
"tailwindcss-animate": "^1.0.7", "tailwindcss-animate": "^1.0.7",

6
apps/www/src/lib/registry/default/ui/carousel/index.ts
View File

@ -5,6 +5,6 @@ export { default as CarouselPrevious } from './CarouselPrevious.vue'
export { default as CarouselNext } from './CarouselNext.vue' export { default as CarouselNext } from './CarouselNext.vue'
export { useCarousel } from './useCarousel' export { useCarousel } from './useCarousel'
export { export type {
type EmblaCarouselType as CarouselApi, EmblaCarouselType as CarouselApi,
} from 'embla-carousel-vue' } from 'embla-carousel'

6
apps/www/src/lib/registry/default/ui/carousel/interface.ts
View File

@ -3,11 +3,11 @@ import type {
EmblaOptionsType as CarouselOptions, EmblaOptionsType as CarouselOptions,
EmblaPluginType as CarouselPlugin, EmblaPluginType as CarouselPlugin,
} from 'embla-carousel' } from 'embla-carousel'
import type { HTMLAttributes } from 'vue' import type { HTMLAttributes, Ref } from 'vue'
export interface CarouselProps { export interface CarouselProps {
opts?: CarouselOptions opts?: CarouselOptions | Ref<CarouselOptions>
plugins?: CarouselPlugin[] plugins?: CarouselPlugin[] | Ref<CarouselPlugin[]>
orientation?: 'horizontal' | 'vertical' orientation?: 'horizontal' | 'vertical'
} }

7
apps/www/src/lib/registry/default/ui/carousel/useCarousel.ts
View File

@ -1,8 +1,9 @@
import { createInjectionState } from '@vueuse/core' import { createInjectionState } from '@vueuse/core'
import emblaCarouselVue, { import emblaCarouselVue from 'embla-carousel-vue'
type EmblaCarouselType as CarouselApi,
} from 'embla-carousel-vue'
import { onMounted, ref } from 'vue' import { onMounted, ref } from 'vue'
import type {
EmblaCarouselType as CarouselApi,
} from 'embla-carousel'
import type { CarouselEmits, CarouselProps } from './interface' import type { CarouselEmits, CarouselProps } from './interface'
const [useProvideCarousel, useInjectCarousel] = createInjectionState( const [useProvideCarousel, useInjectCarousel] = createInjectionState(

6
apps/www/src/lib/registry/new-york/ui/carousel/index.ts
View File

@ -5,6 +5,6 @@ export { default as CarouselPrevious } from './CarouselPrevious.vue'
export { default as CarouselNext } from './CarouselNext.vue' export { default as CarouselNext } from './CarouselNext.vue'
export { useCarousel } from './useCarousel' export { useCarousel } from './useCarousel'
export { export type {
type EmblaCarouselType as CarouselApi, EmblaCarouselType as CarouselApi,
} from 'embla-carousel-vue' } from 'embla-carousel'

6
apps/www/src/lib/registry/new-york/ui/carousel/interface.ts
View File

@ -3,11 +3,11 @@ import type {
EmblaOptionsType as CarouselOptions, EmblaOptionsType as CarouselOptions,
EmblaPluginType as CarouselPlugin, EmblaPluginType as CarouselPlugin,
} from 'embla-carousel' } from 'embla-carousel'
import type { HTMLAttributes } from 'vue' import type { HTMLAttributes, Ref } from 'vue'
export interface CarouselProps { export interface CarouselProps {
opts?: CarouselOptions opts?: CarouselOptions | Ref<CarouselOptions>
plugins?: CarouselPlugin[] plugins?: CarouselPlugin[] | Ref<CarouselPlugin[]>
orientation?: 'horizontal' | 'vertical' orientation?: 'horizontal' | 'vertical'
} }

7
apps/www/src/lib/registry/new-york/ui/carousel/useCarousel.ts
View File

@ -1,8 +1,9 @@
import { createInjectionState } from '@vueuse/core' import { createInjectionState } from '@vueuse/core'
import emblaCarouselVue, { import emblaCarouselVue from 'embla-carousel-vue'
type EmblaCarouselType as CarouselApi,
} from 'embla-carousel-vue'
import { onMounted, ref } from 'vue' import { onMounted, ref } from 'vue'
import type {
EmblaCarouselType as CarouselApi,
} from 'embla-carousel'
import type { CarouselEmits, CarouselProps } from './interface' import type { CarouselEmits, CarouselProps } from './interface'
const [useProvideCarousel, useInjectCarousel] = createInjectionState( const [useProvideCarousel, useInjectCarousel] = createInjectionState(

34
pnpm-lock.yaml
View File

@ -87,11 +87,11 @@ importers:
specifier: 8.0.0-rc19 specifier: 8.0.0-rc19
version: 8.0.0-rc19 version: 8.0.0-rc19
embla-carousel-autoplay: embla-carousel-autoplay:
specifier: 8.0.0-rc18 specifier: 8.0.0-rc19
version: 8.0.0-rc18(embla-carousel@8.0.0-rc19) version: 8.0.0-rc19(embla-carousel@8.0.0-rc19)
embla-carousel-vue: embla-carousel-vue:
specifier: 8.0.0-rc18 specifier: 8.0.0-rc19
version: 8.0.0-rc18(vue@3.3.7) version: 8.0.0-rc19(vue@3.3.7)
lucide-vue-next: lucide-vue-next:
specifier: ^0.276.0 specifier: ^0.276.0
version: 0.276.0(vue@3.3.7) version: 0.276.0(vue@3.3.7)
@ -7090,36 +7090,32 @@ packages:
resolution: {integrity: sha512-L6uRgvZTH+4OF5NE/MBbzQx/WYpru1xCBE9respNj6qznEewGUIfhzmm7horWWxbNO2M0WckQypGctR8lH79xQ==} resolution: {integrity: sha512-L6uRgvZTH+4OF5NE/MBbzQx/WYpru1xCBE9respNj6qznEewGUIfhzmm7horWWxbNO2M0WckQypGctR8lH79xQ==}
dev: false dev: false
/embla-carousel-autoplay@8.0.0-rc18(embla-carousel@8.0.0-rc19): /embla-carousel-autoplay@8.0.0-rc19(embla-carousel@8.0.0-rc19):
resolution: {integrity: sha512-4TgnvSRlAz6YxyUIOU7w9wkUbqq/iVoJdRIRZ0+QQSWl+giout8HB0/HDqDPKJy23zjtpDNnYdNn3dxdKfGFfQ==} resolution: {integrity: sha512-c1pxsGHuWbYD3outH5y4L+kzg15smyHKFIDmXLaXlI6rCiizzf6hWMW0ZgxJLV4y4nUwDrYhM6TtzxvvOcsfUw==}
peerDependencies: peerDependencies:
embla-carousel: 8.0.0-rc18 embla-carousel: 8.0.0-rc19
dependencies: dependencies:
embla-carousel: 8.0.0-rc19 embla-carousel: 8.0.0-rc19
dev: false dev: false
/embla-carousel-reactive-utils@8.0.0-rc18(embla-carousel@8.0.0-rc18): /embla-carousel-reactive-utils@8.0.0-rc19(embla-carousel@8.0.0-rc19):
resolution: {integrity: sha512-VOFfvhkICz4GKXb/huMTspYVR8mx8C4uDf0Kp+jA9iZNUA4lmlfxxYUr++SwIy1xABycpqML/9hP2tV6Nn0AEQ==} resolution: {integrity: sha512-ed9NppY0OxTtrSIwTCYNcMLlQfSNcNy8Zsw8uIG0te3qrhvQ2ePPsbcElK2SRAV8VMU6G7JQweQIb6amzYMDXA==}
peerDependencies: peerDependencies:
embla-carousel: 8.0.0-rc18 embla-carousel: 8.0.0-rc19
dependencies: dependencies:
embla-carousel: 8.0.0-rc18 embla-carousel: 8.0.0-rc19
dev: false dev: false
/embla-carousel-vue@8.0.0-rc18(vue@3.3.7): /embla-carousel-vue@8.0.0-rc19(vue@3.3.7):
resolution: {integrity: sha512-wbQyx/QuyDFoB0FzWLr5NQmgiwUDhUFHvLILSrZE+rbIKqHCDjHC2vCKZzlWezJqcDDTHWAzDaO1yWMZnUEOkQ==} resolution: {integrity: sha512-dqkmatB7/WNXHEwFGtQNpYT8TWnE6KRcVBfnPTswBba8I33RdBRuj0CqRHem02dlIS1ySgS9sBVVdDXe+6IGKQ==}
peerDependencies: peerDependencies:
vue: ^3.2.37 vue: ^3.2.37
dependencies: dependencies:
embla-carousel: 8.0.0-rc18 embla-carousel: 8.0.0-rc19
embla-carousel-reactive-utils: 8.0.0-rc18(embla-carousel@8.0.0-rc18) embla-carousel-reactive-utils: 8.0.0-rc19(embla-carousel@8.0.0-rc19)
vue: 3.3.7(typescript@5.2.2) vue: 3.3.7(typescript@5.2.2)
dev: false dev: false
/embla-carousel@8.0.0-rc18:
resolution: {integrity: sha512-MtiatQCt+R/lEKl2D4TyAx2Ba4/gfosQIY+Y/ooZu1yahxTbFLyhGW8aodn0GW2WZ6jO3Qpfx7VuqCPdRV5moQ==}
dev: false
/embla-carousel@8.0.0-rc19: /embla-carousel@8.0.0-rc19:
resolution: {integrity: sha512-PAChVyYoVZo8subkBN8LjZ7+0vk4CmVvMnxH0Y2ux76VUEUBl1wk5xDo8+MUhH5MXU6ZrgkBpMe++bKob1Z+2g==} resolution: {integrity: sha512-PAChVyYoVZo8subkBN8LjZ7+0vk4CmVvMnxH0Y2ux76VUEUBl1wk5xDo8+MUhH5MXU6ZrgkBpMe++bKob1Z+2g==}
dev: false dev: false