diff --git a/packages/vuetify/src/components/VBtn/VBtn.tsx b/packages/vuetify/src/components/VBtn/VBtn.tsx index 4ae59d04437..54f65db8898 100644 --- a/packages/vuetify/src/components/VBtn/VBtn.tsx +++ b/packages/vuetify/src/components/VBtn/VBtn.tsx @@ -27,7 +27,7 @@ import { makeThemeProps, provideTheme } from '@/composables/theme' import { genOverlays, makeVariantProps, useVariant } from '@/composables/variant' // Directives -import { Ripple } from '@/directives/ripple' +import vRipple from '@/directives/ripple' // Utilities import { computed, toDisplayString, toRef, withDirectives } from 'vue' @@ -300,7 +300,7 @@ export const VBtn = genericComponent()({ )} , [[ - Ripple, + vRipple, !isDisabled.value && props.ripple, '', { center: !!props.icon }, diff --git a/packages/vuetify/src/components/VCard/VCard.tsx b/packages/vuetify/src/components/VCard/VCard.tsx index cf9f4fa808b..96e5270ebde 100644 --- a/packages/vuetify/src/components/VCard/VCard.tsx +++ b/packages/vuetify/src/components/VCard/VCard.tsx @@ -27,7 +27,7 @@ import { makeThemeProps, provideTheme } from '@/composables/theme' import { genOverlays, makeVariantProps, useVariant } from '@/composables/variant' // Directives -import { Ripple } from '@/directives/ripple' +import vRipple from '@/directives/ripple' // Utilities import { genericComponent, propsFactory, useRender } from '@/util' @@ -95,7 +95,7 @@ export type VCardSlots = VCardItemSlots & { export const VCard = genericComponent()({ name: 'VCard', - directives: { Ripple }, + directives: { vRipple }, props: makeVCardProps(), diff --git a/packages/vuetify/src/components/VChip/VChip.tsx b/packages/vuetify/src/components/VChip/VChip.tsx index b4a5ffcc832..e532122d5c2 100644 --- a/packages/vuetify/src/components/VChip/VChip.tsx +++ b/packages/vuetify/src/components/VChip/VChip.tsx @@ -26,7 +26,7 @@ import { makeThemeProps, provideTheme } from '@/composables/theme' import { genOverlays, makeVariantProps, useVariant } from '@/composables/variant' // Directives -import { Ripple } from '@/directives/ripple' +import vRipple from '@/directives/ripple' // Utilities import { computed, toDisplayString, toRef } from 'vue' @@ -112,7 +112,7 @@ export const makeVChipProps = propsFactory({ export const VChip = genericComponent()({ name: 'VChip', - directives: { Ripple }, + directives: { vRipple }, props: makeVChipProps(), diff --git a/packages/vuetify/src/components/VExpansionPanel/VExpansionPanelTitle.tsx b/packages/vuetify/src/components/VExpansionPanel/VExpansionPanelTitle.tsx index 8c511733d8a..a82f2c3ce4c 100644 --- a/packages/vuetify/src/components/VExpansionPanel/VExpansionPanelTitle.tsx +++ b/packages/vuetify/src/components/VExpansionPanel/VExpansionPanelTitle.tsx @@ -10,7 +10,7 @@ import { makeDimensionProps, useDimension } from '@/composables/dimensions' import { IconValue } from '@/composables/icons' // Directives -import { Ripple } from '@/directives/ripple' +import vRipple from '@/directives/ripple' // Utilities import { computed, inject, toRef } from 'vue' @@ -59,7 +59,7 @@ export const makeVExpansionPanelTitleProps = propsFactory({ export const VExpansionPanelTitle = genericComponent()({ name: 'VExpansionPanelTitle', - directives: { Ripple }, + directives: { vRipple }, props: makeVExpansionPanelTitleProps(), diff --git a/packages/vuetify/src/components/VImg/VImg.tsx b/packages/vuetify/src/components/VImg/VImg.tsx index 19ab0589b05..5202d76c278 100644 --- a/packages/vuetify/src/components/VImg/VImg.tsx +++ b/packages/vuetify/src/components/VImg/VImg.tsx @@ -11,7 +11,7 @@ import { makeRoundedProps, useRounded } from '@/composables/rounded' import { makeTransitionProps, MaybeTransition } from '@/composables/transition' // Directives -import intersect from '@/directives/intersect' +import vIntersect from '@/directives/intersect' // Utilities import { @@ -103,7 +103,7 @@ export const makeVImgProps = propsFactory({ export const VImg = genericComponent()({ name: 'VImg', - directives: { intersect }, + directives: { vIntersect }, props: makeVImgProps(), diff --git a/packages/vuetify/src/components/VLazy/VLazy.tsx b/packages/vuetify/src/components/VLazy/VLazy.tsx index edded6bdc52..347ff1801fa 100644 --- a/packages/vuetify/src/components/VLazy/VLazy.tsx +++ b/packages/vuetify/src/components/VLazy/VLazy.tsx @@ -6,7 +6,7 @@ import { makeTagProps } from '@/composables/tag' import { makeTransitionProps, MaybeTransition } from '@/composables/transition' // Directives -import intersect from '@/directives/intersect' +import vIntersect from '@/directives/intersect' // Utilities import { genericComponent, propsFactory, useRender } from '@/util' @@ -36,7 +36,7 @@ export const makeVLazyProps = propsFactory({ export const VLazy = genericComponent()({ name: 'VLazy', - directives: { intersect }, + directives: { vIntersect }, props: makeVLazyProps(), diff --git a/packages/vuetify/src/components/VList/VListItem.tsx b/packages/vuetify/src/components/VList/VListItem.tsx index 80ee95d209f..4dc27a77796 100644 --- a/packages/vuetify/src/components/VList/VListItem.tsx +++ b/packages/vuetify/src/components/VList/VListItem.tsx @@ -24,7 +24,7 @@ import { makeThemeProps, provideTheme } from '@/composables/theme' import { genOverlays, makeVariantProps, useVariant } from '@/composables/variant' // Directives -import { Ripple } from '@/directives/ripple' +import vRipple from '@/directives/ripple' // Utilities import { computed, onBeforeMount, toDisplayString, toRef, watch } from 'vue' @@ -111,7 +111,7 @@ export const makeVListItemProps = propsFactory({ export const VListItem = genericComponent()({ name: 'VListItem', - directives: { Ripple }, + directives: { vRipple }, props: makeVListItemProps(), diff --git a/packages/vuetify/src/components/VOverlay/VOverlay.tsx b/packages/vuetify/src/components/VOverlay/VOverlay.tsx index a3be0e62f6f..c4b74d84bd6 100644 --- a/packages/vuetify/src/components/VOverlay/VOverlay.tsx +++ b/packages/vuetify/src/components/VOverlay/VOverlay.tsx @@ -21,7 +21,7 @@ import { useToggleScope } from '@/composables/toggleScope' import { makeTransitionProps, MaybeTransition } from '@/composables/transition' // Directives -import { ClickOutside } from '@/directives/click-outside' +import vClickOutside from '@/directives/click-outside' // Utilities import { @@ -115,7 +115,7 @@ export const makeVOverlayProps = propsFactory({ export const VOverlay = genericComponent()({ name: 'VOverlay', - directives: { ClickOutside }, + directives: { vClickOutside }, inheritAttrs: false, diff --git a/packages/vuetify/src/components/VSelectionControl/VSelectionControl.tsx b/packages/vuetify/src/components/VSelectionControl/VSelectionControl.tsx index 164a396e5cc..13c99822f2c 100644 --- a/packages/vuetify/src/components/VSelectionControl/VSelectionControl.tsx +++ b/packages/vuetify/src/components/VSelectionControl/VSelectionControl.tsx @@ -13,7 +13,7 @@ import { useDensity } from '@/composables/density' import { useProxiedModel } from '@/composables/proxiedModel' // Directives -import { Ripple } from '@/directives/ripple' +import vRipple from '@/directives/ripple' // Utilities import { computed, inject, nextTick, ref, shallowRef, toRef, useId } from 'vue' @@ -149,7 +149,7 @@ export const VSelectionControl = genericComponent( ) => GenericProps>()({ name: 'VSelectionControl', - directives: { Ripple }, + directives: { vRipple }, inheritAttrs: false, diff --git a/packages/vuetify/src/components/VSlider/VSliderThumb.tsx b/packages/vuetify/src/components/VSlider/VSliderThumb.tsx index 5f48d3caca9..4a62bcbed9c 100644 --- a/packages/vuetify/src/components/VSlider/VSliderThumb.tsx +++ b/packages/vuetify/src/components/VSlider/VSliderThumb.tsx @@ -12,7 +12,7 @@ import { useElevation } from '@/composables/elevation' import { useRtl } from '@/composables/locale' // Directives -import Ripple from '@/directives/ripple' +import vRipple from '@/directives/ripple' // Utilities import { computed, inject } from 'vue' @@ -56,7 +56,7 @@ export const makeVSliderThumbProps = propsFactory({ export const VSliderThumb = genericComponent()({ name: 'VSliderThumb', - directives: { Ripple }, + directives: { vRipple }, props: makeVSliderThumbProps(), diff --git a/packages/vuetify/src/components/VStepper/VStepperItem.tsx b/packages/vuetify/src/components/VStepper/VStepperItem.tsx index 8f9e8bd1d75..607c708837f 100644 --- a/packages/vuetify/src/components/VStepper/VStepperItem.tsx +++ b/packages/vuetify/src/components/VStepper/VStepperItem.tsx @@ -11,7 +11,7 @@ import { IconValue } from '@/composables/icons' import { genOverlays } from '@/composables/variant' // Directives -import { Ripple } from '@/directives/ripple' +import vRipple from '@/directives/ripple' // Utilities import { computed } from 'vue' @@ -80,7 +80,7 @@ export const makeVStepperItemProps = propsFactory({ export const VStepperItem = genericComponent()({ name: 'VStepperItem', - directives: { Ripple }, + directives: { vRipple }, props: makeVStepperItemProps(), diff --git a/packages/vuetify/src/components/VTextField/VTextField.tsx b/packages/vuetify/src/components/VTextField/VTextField.tsx index e774495712c..ea0459b0dcd 100644 --- a/packages/vuetify/src/components/VTextField/VTextField.tsx +++ b/packages/vuetify/src/components/VTextField/VTextField.tsx @@ -12,7 +12,7 @@ import { forwardRefs } from '@/composables/forwardRefs' import { useProxiedModel } from '@/composables/proxiedModel' // Directives -import Intersect from '@/directives/intersect' +import vIntersect from '@/directives/intersect' // Utilities import { cloneVNode, computed, nextTick, ref } from 'vue' @@ -54,7 +54,7 @@ export type VTextFieldSlots = Omit & { export const VTextField = genericComponent()({ name: 'VTextField', - directives: { Intersect }, + directives: { vIntersect }, inheritAttrs: false, diff --git a/packages/vuetify/src/components/VTextarea/VTextarea.tsx b/packages/vuetify/src/components/VTextarea/VTextarea.tsx index 41a3786071a..473e28263c0 100644 --- a/packages/vuetify/src/components/VTextarea/VTextarea.tsx +++ b/packages/vuetify/src/components/VTextarea/VTextarea.tsx @@ -14,7 +14,7 @@ import { forwardRefs } from '@/composables/forwardRefs' import { useProxiedModel } from '@/composables/proxiedModel' // Directives -import Intersect from '@/directives/intersect' +import vIntersect from '@/directives/intersect' // Utilities import { computed, nextTick, onBeforeUnmount, onMounted, ref, shallowRef, watch, watchEffect } from 'vue' @@ -59,7 +59,7 @@ type VTextareaSlots = Omit & { export const VTextarea = genericComponent()({ name: 'VTextarea', - directives: { Intersect }, + directives: { vIntersect }, inheritAttrs: false, diff --git a/packages/vuetify/src/components/VWindow/VWindow.tsx b/packages/vuetify/src/components/VWindow/VWindow.tsx index e6fb3ccb3fd..9eec2a33f41 100644 --- a/packages/vuetify/src/components/VWindow/VWindow.tsx +++ b/packages/vuetify/src/components/VWindow/VWindow.tsx @@ -12,7 +12,7 @@ import { makeTagProps } from '@/composables/tag' import { makeThemeProps, provideTheme } from '@/composables/theme' // Directives -import { Touch } from '@/directives/touch' +import vTouch from '@/directives/touch' // Utilities import { computed, provide, ref, shallowRef, toRef, watch } from 'vue' @@ -100,9 +100,7 @@ export const VWindow = genericComponent( ) => GenericProps>()({ name: 'VWindow', - directives: { - Touch, - }, + directives: { vTouch }, props: makeVWindowProps(), diff --git a/packages/vuetify/src/components/VWindow/VWindowItem.tsx b/packages/vuetify/src/components/VWindow/VWindowItem.tsx index d278dbd3b49..088e4335a8c 100644 --- a/packages/vuetify/src/components/VWindow/VWindowItem.tsx +++ b/packages/vuetify/src/components/VWindow/VWindowItem.tsx @@ -6,7 +6,7 @@ import { useSsrBoot } from '@/composables/ssrBoot' import { MaybeTransition } from '@/composables/transition' // Directives -import Touch from '@/directives/touch' +import vTouch from '@/directives/touch' // Utilities import { computed, inject, nextTick, shallowRef } from 'vue' @@ -33,9 +33,7 @@ export const makeVWindowItemProps = propsFactory({ export const VWindowItem = genericComponent()({ name: 'VWindowItem', - directives: { - Touch, - }, + directives: { vTouch }, props: makeVWindowItemProps(), diff --git a/packages/vuetify/src/directives/intersect/__tests__/intersect.spec.browser.tsx b/packages/vuetify/src/directives/intersect/__tests__/intersect.spec.browser.tsx index 6836f875f61..39501a35518 100644 --- a/packages/vuetify/src/directives/intersect/__tests__/intersect.spec.browser.tsx +++ b/packages/vuetify/src/directives/intersect/__tests__/intersect.spec.browser.tsx @@ -1,5 +1,5 @@ // Directives -import Intersect from '../' +import vIntersect from '../' // Utilities import { scroll, waitIdle } from '@test' @@ -10,7 +10,7 @@ describe('v-intersect', () => { const callback = vi.fn() render({ - directives: { Intersect }, + directives: { vIntersect }, setup () { return () =>
}, @@ -26,7 +26,7 @@ describe('v-intersect', () => { const callback = vi.fn() render({ - directives: { Intersect }, + directives: { vIntersect }, setup () { return () =>
}, @@ -42,7 +42,7 @@ describe('v-intersect', () => { const callback = vi.fn() render({ - directives: { Intersect }, + directives: { vIntersect }, setup () { return () => ( <> diff --git a/packages/vuetify/src/directives/scroll/__tests__/scroll.spec.browser.tsx b/packages/vuetify/src/directives/scroll/__tests__/scroll.spec.browser.tsx index d05d471d829..5d9388ffede 100644 --- a/packages/vuetify/src/directives/scroll/__tests__/scroll.spec.browser.tsx +++ b/packages/vuetify/src/directives/scroll/__tests__/scroll.spec.browser.tsx @@ -1,5 +1,5 @@ // Directives -import Scroll from '../' +import vScroll from '../' // Utilities import { render, scroll } from '@test' @@ -9,7 +9,7 @@ describe('v-scroll', () => { function setup (selector = '') { const callback = vi.fn() const result = render(defineComponent({ - directives: { Scroll }, + directives: { vScroll }, setup () { return () => (
diff --git a/packages/vuetify/src/directives/touch/__tests__/touch.spec.browser.tsx b/packages/vuetify/src/directives/touch/__tests__/touch.spec.browser.tsx index 17554b7e078..b0188a989b0 100644 --- a/packages/vuetify/src/directives/touch/__tests__/touch.spec.browser.tsx +++ b/packages/vuetify/src/directives/touch/__tests__/touch.spec.browser.tsx @@ -1,5 +1,5 @@ // Directives -import Touch from '../' +import vTouch from '../' // Utilities import { commands, render } from '@test' @@ -10,7 +10,7 @@ import type { PropType } from 'vue' import type { TouchValue } from '../' const TestComponent = defineComponent({ - directives: { Touch }, + directives: { vTouch }, props: { value: Object as PropType, },