Add support for Vue's composition API (#6)

* Add support for Vue's composition API

* Fix: README api import typo

Co-authored-by: Anish George <anishgeorge2690@gmail.com>

README.md

@@ -52,6 +52,21 @@ VueCookieNext.setCookie('theme', 'default')
 VueCookieNext.setCookie('hover-time', { expire: '1s' })
 ```
 
+### Composition API
+
+```ts
+import { defineComponent } from 'vue'
+import { useCookie } from 'vue-cookie-next'
+
+defineComponent({
+  setup() {
+    const cookie = useCookie()
+    cookie.setCookie('theme', 'dark')
+    cookie.removeCookie('hover-time')
+  },
+});
+```
+
 ## API Options
 
 syntax format: **[this | VueCookieNext].\$cookie.[method]**

src/VueCookieNext.ts

@@ -50,6 +50,7 @@ const defaultConfig: CookieConfigOptions = {
 export const VueCookieNext: IVueCookieNext = {
   install: function (app: App) {
     app.config.globalProperties.$cookie = this
+    app.provide('cookie', this)
   },
   config: function (options: CookieConfigOptions) {
     const { expire, path, domain, secure, sameSite } = options

src/index.ts

@@ -1 +1,3 @@
 export { VueCookieNext } from './VueCookieNext'
+
+export * from './useApi'

src/useApi.ts

@@ -0,0 +1,6 @@
+import { inject } from 'vue'
+import type { IVueCookieNext } from './VueCookieNext'
+
+export function useCookie(): IVueCookieNext {
+  return inject<IVueCookieNext>('cookie')!
+}