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

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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