Composition API hooks for Nuxt

Usage no npm install needed!

<script type="module">
  import nuxtCompositionApi from '';


πŸ—οΈ Nuxt Composition API

Composition API hooks for Nuxt

nuxt-composition-api provides a way to use the Vue 3 Composition API in with Nuxt-specific features.

Note: the main aim is to allow experimentation and feedback before the final release of Nuxt 3. It is not recommended to use this package in production.


  • πŸƒ Fetch: Support for the new Nuxt fetch() in v2.12+
  • ℹ️ Context: Easy access to router, app, store within setup()
  • πŸ—ΊοΈ Head: Interact directly with your vue-meta properties within setup()
  • ✨ Automatic hydration: Drop-in replacement for ref with automatic SSR stringification and hydration (ssrRef)
  • πŸ“ SSR support: Allows using the Composition API with SSR
  • πŸ’ͺ TypeScript: Written in TypeScript

Read Documentation


Contributions are very welcome.

  1. Clone this repo

    git clone
  2. Install dependencies and build project

    # Compile library and watch for changes
    yarn watch
    # Start a test Nuxt fixture with hot reloading
    yarn fixture
    # Test
    yarn test

Tip: You can also use yarn link to test the module locally with your Nuxt project.


MIT License - Copyright © Daniel Roe