/// <reference types="vite/client" />

declare module '*.vue' {
  import type { DefineComponent } from 'vue'
  const component: DefineComponent<{}, {}, any>
  export default component
}

// Vue-facing-decorator type declarations
declare module 'vue-facing-decorator' {
  import { ComponentOptions } from 'vue'
  
  export interface ComponentOptionsWithProps<T = any> extends ComponentOptions<T> {
    props?: any
  }
  
  export function Component(options?: any): any
  export function toNative<T>(component: T): T
  
  export class Vue {
    $emit(event: string, ...args: any[]): void
    $props: any
    $data: any
    $refs: any
    $slots: any
    $scopedSlots: any
    $attrs: any
    $listeners: any
    $parent: Vue | null
    $root: Vue
    $children: Vue[]
    $el: Element | undefined
    $options: ComponentOptions
    $isServer: boolean
    $ssrContext: any
    $vnode: any
    $createElement: any
    $mount: any
    $forceUpdate: () => void
    $destroy: () => void
    $nextTick: (callback?: () => void) => Promise<void>
    $set: (target: any, key: string | number, value: any) => void
    $delete: (target: any, key: string | number) => void
    $watch: (expOrFn: string | Function, callback: Function, options?: any) => Function
    $on: (event: string | string[], callback: Function) => Vue
    $once: (event: string | string[], callback: Function) => Vue
    $off: (event?: string | string[], callback?: Function) => Vue
  }
  
  export function Prop(options?: any): PropertyDecorator
  export function Emit(event?: string): MethodDecorator
  export function Watch(path: string, options?: any): MethodDecorator
  export function Inject(key?: string | symbol): PropertyDecorator
  export function Provide(key?: string | symbol): PropertyDecorator
  export function Model(event?: string, options?: any): PropertyDecorator
  export function Ref(refKey?: string): PropertyDecorator
}