1. @nuxtjs/composition-api
Composition API hooks for Nuxt
@nuxtjs/composition-api
Package: @nuxtjs/composition-api
Created by: nuxt-community
Last modified: Mon, 01 Aug 2022 13:13:21 GMT
Version: 0.33.1
License: MIT
Downloads: 220,592
Repository: https://github.com/nuxt-community/composition-api

Install

npm install @nuxtjs/composition-api
yarn add @nuxtjs/composition-api

🏗️ Nuxt Composition API

Composition API hooks for Nuxt

@nuxtjs/composition-api provides a way to use the Vue 3 Composition API in 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.

  1. Clone this repo

     git clone [email protected]:nuxt-community/composition-api.git
    
  2. 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.

License

MIT License - Copyright © Daniel Roe

RELATED POST

10 Must-Know Windows Shortcuts That Will Save You Time

10 Must-Know Windows Shortcuts That Will Save You Time

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Navigating AWS Networking: Essential Hacks for Smooth Operation

Navigating AWS Networking: Essential Hacks for Smooth Operation

Achieving Stunning Visuals with Unity's Global Illumination

Achieving Stunning Visuals with Unity's Global Illumination

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code