fix: augment vue rather than @vue/runtime-core

packages/ui/src/components/va-dropdown/plugin/index.ts

@@ -21,7 +21,7 @@ export const VaDropdownPlugin = defineVuesticPlugin(() => ({
   },
 }))
 
-declare module '@vue/runtime-core' {
+declare module 'vue' {
   export interface ComponentCustomProperties {
     $vaDropdown: typeof vaDropdownPlugin
 

packages/ui/src/components/va-modal/plugin/index.ts

@@ -44,7 +44,7 @@ export const VaModalPlugin = defineVuesticPlugin(() => ({
   },
 }))
 
-declare module '@vue/runtime-core' {
+declare module 'vue' {
   export interface ComponentCustomProperties {
     $vaModal: ReturnType<typeof createVaModalPlugin>
   }

packages/ui/src/components/va-toast/plugin/index.ts

@@ -24,7 +24,7 @@ export const VaToastPlugin = defineVuesticPlugin(() => ({
   },
 }))
 
-declare module '@vue/runtime-core' {
+declare module 'vue' {
   export interface ComponentCustomProperties {
     $vaToast: ReturnType<typeof createVaToastPlugin>
   }

packages/ui/src/services/breakpoint/plugin/index.ts

@@ -11,7 +11,7 @@ export const BreakpointConfigPlugin = defineVuesticPlugin(() => ({
   },
 }))
 
-declare module '@vue/runtime-core' {
+declare module 'vue' {
   export interface ComponentCustomProperties {
     $vaBreakpoint: ReturnType<typeof createBreakpointConfigPlugin>
   }

packages/ui/src/services/color/plugin/index.ts

@@ -9,7 +9,7 @@ export const ColorConfigPlugin = defineVuesticPlugin((config?: PartialGlobalConf
   },
 }))
 
-declare module '@vue/runtime-core' {
+declare module 'vue' {
   export interface ComponentCustomProperties {
     $vaColorConfig: ReturnType<typeof createColorConfigPlugin>
   }

packages/ui/src/services/colors-classes/plugin/index.ts

@@ -71,7 +71,7 @@ export const ColorsClassesPlugin = defineVuesticPlugin(() => ({
   },
 }))
 
-declare module '@vue/runtime-core' {
+declare module 'vue' {
   export interface ComponentCustomProperties {
     $vaColorsClasses: ReturnType<typeof createColorHelpersPlugin>
   }

packages/ui/src/services/global-config/plugin/index.ts

@@ -21,7 +21,7 @@ export const GlobalConfigPlugin = defineVuesticPlugin((config: PartialGlobalConf
   },
 }))
 
-declare module '@vue/runtime-core' {
+declare module 'vue' {
   export interface ComponentCustomProperties {
     $vaConfig: ReturnType<typeof createGlobalConfig>
   }

packages/ui/src/services/vue-plugin/create-vuestic/create-vuestic.ts

@@ -7,7 +7,7 @@ import { setCurrentApp } from '../../current-app'
 import { ColorsClassesPlugin } from '../../colors-classes'
 
 // Declare all components globally
-declare module '@vue/runtime-core' {
+declare module 'vue' {
   // eslint-disable-next-line @typescript-eslint/no-empty-interface
   export interface GlobalComponents extends VuesticComponents {}
 }

packages/ui/src/services/vue-plugin/types/components.ts

@@ -16,15 +16,15 @@ export type VuesticComponentName = keyof VuesticComponentsMap
  * @example
  * This will register all vuestic components globally:
  * ```
- * declare module '@vue/runtime-core' {
+ * declare module 'vue' {
  *   export interface GlobalComponents extends VuesticComponents {}
  * }
  * ```
  *
  * @example
  * If you using tree-shaking and want to register only specific components:
  * ```
- * declare module '@vue/runtime-core' {
+ * declare module 'vue' {
  *   export interface GlobalComponents extends VuesticComponents<'VaButton' | 'VaInput'> {}
  * }
  * ```

packages/ui/src/services/vue-plugin/utils/global-properties.ts

@@ -7,7 +7,7 @@ export const extractGlobalProperties = (app: App | AppContext) => app.config.glo
  * Type safe set vue global property
  * Declare type before use this method.
  * ```
-declare module '@vue/runtime-core' {
+declare module 'vue' {
   export interface ComponentCustomProperties {
     $vaThing: ThingType
   }