feat: add withContext hook

README.md

@@ -27,9 +27,8 @@
 ## Progress
 
 - [x] Support for new Nuxt `fetch()`
-- [ ] Access to Nuxt context
+- [x] Access to Nuxt context
 - [ ] `nuxtServerInit`
-- [ ] Vuex hooks
 
 ## Quick Start
 
@@ -69,6 +68,23 @@ export default defineComponent({
 })
 ```
 
+### withContext
+
+You can access the Nuxt context more easily using `withContext`, which runs synchronously within the setup function.
+
+```ts
+import { defineComponent, ref } from '@vue/composition-api'
+import { withContext } from 'nuxt-composition-api'
+
+export default defineComponent({
+  setup() {
+    withContext(({ store }) => {
+      store.dispatch('myAction
+    })
+  },
+})
+```
+
 ## Contributors
 
 Contributions are very welcome.

src/context.ts

@@ -0,0 +1,13 @@
+import { getCurrentInstance } from '@vue/composition-api'
+import { Context } from '@nuxt/types'
+
+interface ContextCallback {
+  (context: Context): void
+}
+
+export const withContext = (callback: ContextCallback) => {
+  const vm = getCurrentInstance()
+  if (!vm) throw new Error('This must be called within a setup function.')
+
+  callback(vm.$nuxt.context)
+}

src/index.ts

@@ -4,3 +4,4 @@ import CompositionApi from '@vue/composition-api'
 Vue.use(CompositionApi)
 
 export { onFetch } from './fetch'
+export { withContext } from './context'