All Projects → nuxt-community → Composition Api

nuxt-community / Composition Api

Licence: mit
Composition API hooks for Nuxt.

Programming Languages

javascript
184084 projects - #8 most used programming language
typescript
32286 projects

Projects that are alternatives of or similar to Composition Api

Pwa Module
Zero config PWA solution for Nuxt.js
Stars: ✭ 1,033 (+134.24%)
Mutual labels:  hacktoberfest, nuxt, nuxtjs
Lichter.io
My own website and CV
Stars: ✭ 105 (-76.19%)
Mutual labels:  hacktoberfest, nuxt, nuxtjs
Typed Vuex
🏦 A typed store accessor for vanilla Vuex.
Stars: ✭ 193 (-56.24%)
Mutual labels:  hacktoberfest, nuxt, nuxtjs
Nuxt Webfontloader
Efficient web font loading has never been easier!
Stars: ✭ 264 (-40.14%)
Mutual labels:  nuxt, nuxtjs
test-utils
Test utilities for Nuxt.js
Stars: ✭ 100 (-77.32%)
Mutual labels:  nuxt, nuxtjs
admin-null-nuxt
Admin Null — Free Nuxt Bulma Admin Dashboard (with dark mode)
Stars: ✭ 39 (-91.16%)
Mutual labels:  nuxt, nuxtjs
global-components
Module to register global components for Nuxt.js
Stars: ✭ 57 (-87.07%)
Mutual labels:  nuxt, nuxtjs
Graphcms Examples
Example projects to help you get started with GraphCMS
Stars: ✭ 295 (-33.11%)
Mutual labels:  nuxt, nuxtjs
Nuxt Ssr Firebase
Nuxt.js Universal App with SSR via Firebase Functions and Firebase Hosting
Stars: ✭ 273 (-38.1%)
Mutual labels:  nuxt, nuxtjs
Blog Front
blog-front @nuxt
Stars: ✭ 305 (-30.84%)
Mutual labels:  nuxt, nuxtjs
Nuxt Purgecss
Drop superfluous CSS! A neat PurgeCSS wrapper for Nuxt.js
Stars: ✭ 356 (-19.27%)
Mutual labels:  nuxt, nuxtjs
nuxt wp
Repo for my blog series on a building a site with WordPress REST API, Vue, and Nuxt.js
Stars: ✭ 41 (-90.7%)
Mutual labels:  nuxt, nuxtjs
nuxt-blog
📝 Personal blog built with Nuxt.js and wordpress rest api
Stars: ✭ 13 (-97.05%)
Mutual labels:  nuxt, nuxtjs
nuxt-star-admin-extra
Admin Template base on Vue StarAdmin with improved on design and served using Nuxt.js
Stars: ✭ 19 (-95.69%)
Mutual labels:  nuxt, nuxtjs
k-domains
A simple module to manage multiple subdomains with just one project
Stars: ✭ 41 (-90.7%)
Mutual labels:  nuxt, nuxtjs
Nuxt7
📱 Full Featured iOS & Android PWA Apps with Nuxt.js and Framework7
Stars: ✭ 282 (-36.05%)
Mutual labels:  nuxt, nuxtjs
Vue Notion
A fast Vue renderer for Notion pages
Stars: ✭ 343 (-22.22%)
Mutual labels:  nuxt, nuxtjs
Awesome Nuxt
A curated list of awesome things related to Nuxt.js
Stars: ✭ 4,285 (+871.66%)
Mutual labels:  nuxt, nuxtjs
Device Module
Nuxt.js module for detecting device type.
Stars: ✭ 436 (-1.13%)
Mutual labels:  nuxt, nuxtjs
nuxt-feature-toggle
The nuxt feature toggle module
Stars: ✭ 78 (-82.31%)
Mutual labels:  nuxt, nuxtjs

🏗️ 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.

Note: the main aim is to allow experimentation and feedback before the final release of Nuxt 3. The API of Nuxt-specific methods will likely change before Nuxt 3 is released.

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].