[feature] Use the Vue official guide to Augmenting Global Properties

[Cyenoch]

What problem does this new feature solve?

appkit/packages/appkit/src/library/vue/index.ts

Lines 23 to 31 in 405327b

	declare module '@vue/runtime-core' {
	export interface ComponentCustomProperties {
	W3mConnectButton: Pick<W3mConnectButton, 'size' | 'label' | 'loadingLabel'>
	W3mAccountButton: Pick<W3mAccountButton, 'disabled' | 'balance'>
	W3mButton: Pick<W3mButton, 'size' | 'label' | 'loadingLabel' | 'disabled' | 'balance'>
	W3mNetworkButton: Pick<W3mNetworkButton, 'disabled'>
	W3mOnrampWidget: Pick<W3mOnrampWidget, 'disabled'>
	}
	}

In my project it seems that declare module '@vue/runtime-core' { ... } caused me to lose the global type of $t and the others in the template. I'm sorry I can't provide a minimal reproducible example. I couldn't reproduce it in a new project, but in my project once I removed import { useAppKit } from '@reown/appkit/vue' everything worked.

Describe the solution you'd like

I'm currently patching this in another project to declare module 'vue' { ... } to get the types to work properly.

https://vuejs.org/guide/typescript/options-api.html#augmenting-global-properties

Vue exposes a ComponentCustomProperties interface designed to be augmented via TypeScript module augmentation:

I'm not sure if changing this will result in losing compatibility with older versions of Vue