gridsome-plugin-composition-api
Composition API for Gridsome with Vue2
Quick overview
This plugin enables Composition API inside your Gridsome project even though Gridsome currently relies on Vue2. Once Gridsome migrates to Vue3 this plugin becomes obsolete, but you'll have an easier migration path.
Install
Use yarn or npm to install it:
yarn add -D gridsome-plugin-composition-api
npm install -D gridsome-plugin-composition-api
- add
gridsome-plugin-composition-api
indevDependencies
section in yourpackage.json
file.
Usage
Add gridsome-plugin-composition-api
in your gridsome.config
moduleexports = plugins: use: 'gridsome-plugin-composition-api'
Now you can use Composition API in your *.vue files and other *.js or *.ts files:
Possible stuff to come ...
Accessing $static
and $page
Vue global variables needs to be done differently in Composition API.
In my other codebase, I already have functions usePageQuery()
and useStaticQuery()
.
I might publish them as a part of this package if someone requests it.
Here is my work-in-progress implementation in TypeScript: