vue-global-api

Use Vue Composition API globally

Instead of import APIs from vue in every file,

``html

`

Now you can directly use them everywhere (with TypeScript support!)

`html

`

Installation

`bash
npm i vue-global-api
`

Then import vue-global-api in your main entry to register the global apis before any usages

`ts
// main.js
import 'vue-global-api'
`

And enjoy :)

Customization

By default, importing vue-global-api will register all common composition apis to the global object. If you want to have fine-grain control, use submodule per API:

`ts
// only register ref and computed as global APIs
import 'vue-global-api/ref'
import 'vue-global-api/computed'
`

$3

We have provided a few sub-set collections if you want to control the global API registration by their type.

`ts
// register all reactivity apis (ref, computed, watch, etc.)
import 'vue-global-api/reactivity'
// register all lifecycle hooks (onMounted, onUpdated, onUnmounted, etc.)
import 'vue-global-api/lifecycle'
// register component apis (inject, provide, h, etc.)
import 'vue-global-api/component'
`

CDN Usage

If you want to have global api work in CDN, you don't actually need this package. All you need to do is:

`ts
Object.assign(window, Vue)
`

Motivation

In the latest