🏗️ Nuxt Composition API

Composition API hooks for Nuxt 2

@nuxtjs/composition-api provides a way to use the Vue Composition API with Nuxt-specific features.

Nuxt Bridge has now been released in beta. It has full composition API support and it's strongly recommended to migrate from @nuxtjs/composition-api, if possible, by following the steps in the Bridge migration guide. Feedback welcome at https://github.com/nuxt-community/composition-api/discussions/585.

Features

🏃 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

Contributors

Contributions are very welcome.

Clone this repo

git clone git@github.com:nuxt-community/composition-api.git

Install dependencies and build project

yarn
# 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.

nuxt-community/composition-api

🏗️ Nuxt Composition API

Features

Contributors

License