fix: update StSayHello component registration and type definitions

Author: kieranwv

src/components.ts

@@ -1,9 +1,10 @@
+import type { Plugin } from 'vue'
 import StSayHello from './say-hello'
 
 export * from './say-hello'
 
 export const components = [
   StSayHello,
-]
+] as Plugin[]
 
 export default components

src/index.ts

@@ -7,5 +7,6 @@ export * from './resolver'
 const installer = createInstaller(components)
 
 export const install = installer.install
+export const version = installer.version
 
 export default installer

src/say-hello/SayHello.vue

@@ -1,4 +1,8 @@
 <script lang="ts" setup>
+defineOptions({
+  name: 'StSayHello',
+})
+
 const { name } = defineProps<{
   name: string
 }>()

src/say-hello/index.ts

@@ -1,8 +1,9 @@
+import type { InstallWithSFC } from '../utils'
 import { installWithSFC } from '../utils'
 import SayHello from './SayHello.vue'
 
 export type SayHelloInstance = InstanceType<typeof SayHello>
 
-export const StSayHello = installWithSFC(SayHello)
+export const StSayHello: InstallWithSFC<typeof SayHello> = installWithSFC(SayHello)
 
 export default StSayHello

src/utils/installer.ts

@@ -1,12 +1,18 @@
-import type { Plugin } from 'vue'
+import type { App, Plugin } from 'vue'
 import type { InstallOptions } from './types'
 import { version } from '../../package.json'
 import { provideGlobalConfig } from './global-config'
 
-export const INSTALLED_KEY = Symbol('STARTER_LIB_VUE3_INSTALLED_KEY')
+export const INSTALLED_KEY = Symbol('INSTALLED_KEY')
 
-export function createInstaller(components: Plugin[] = []): { install: (app: any, options?: InstallOptions) => void, version: string } {
-  const install = (app: any, options?: InstallOptions): void => {
+declare module 'vue' {
+  interface App {
+    [INSTALLED_KEY]?: boolean
+  }
+}
+
+export function createInstaller(components: Plugin[] = []): { install: (app: App, options?: InstallOptions) => void, version: string } {
+  const install = (app: App, options?: InstallOptions): void => {
     if (app[INSTALLED_KEY])
       return
 

src/utils/types.ts

@@ -1,16 +1,11 @@
-import type { App, AppContext, InjectionKey, Plugin, Ref } from 'vue'
+import type { App, InjectionKey, Plugin, Ref } from 'vue'
 
 export type MaybeRef<T> = T | Ref<T>
 
 export interface InstallOptions {
-  zIndex?: MaybeRef<number>
   size?: MaybeRef<string>
 }
 
 export type ProvideFn = (<T>(key: string | InjectionKey<T>, value: T) => App<any>) | (<T>(key: string | number | InjectionKey<T>, value: T) => void) | undefined
 
 export type InstallWithSFC<T> = T & Plugin
-
-export type InstallWithContext<T> = InstallWithSFC<T> & {
-  _context: AppContext | null
-}

src/utils/with-install.ts

@@ -1,24 +1,16 @@
 import type { App } from 'vue'
-import type { InstallWithContext, InstallWithSFC } from './types'
+import type { InstallWithSFC } from './types'
 
 export function installWithSFC<T, E extends Record<string, any>>(main: T, extra?: E): InstallWithSFC<T> & E {
-  (main as InstallWithSFC<T>).install = (app: App): void => {
-    for (const comp of [main, ...Object.values(extra ?? {})])
+  ;(main as InstallWithSFC<T>).install = (app: App): void => {
+    for (const comp of [main, ...Object.values(extra ?? {})]) {
       app.component(comp.name, comp)
+    }
   }
-
   if (extra) {
-    for (const [key, comp] of Object.entries(extra))
-      (main as any)[key] = comp
+    for (const [key, comp] of Object.entries(extra)) {
+      ;(main as any)[key] = comp
+    }
   }
   return main as InstallWithSFC<T> & E
 }
-
-export function installWithFunction<T>(fn: T, name: string): InstallWithContext<T> {
-  (fn as InstallWithSFC<T>).install = (app: App) => {
-    ; (fn as InstallWithContext<T>)._context = app._context
-    app.config.globalProperties[name] = fn
-  }
-
-  return fn as InstallWithContext<T>
-}

src/volar.d.ts

@@ -1,6 +1,6 @@
-declare module '@vue/runtime-core' {
+declare module 'vue' {
   export interface GlobalComponents {
-    SayHello: typeof import('starter-lib-vue3')['SayHello']
+    StSayHello: typeof import('starter-lib-vue3')['StSayHello']
   }
 }