All Projects → potato4d → Nuxt Client Init Module

potato4d / Nuxt Client Init Module

Licence: mit
Provide client version of nuxtServerInit

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Nuxt Client Init Module

nuxt-ts-module
A tiny module to use Typescript within Nuxt.js application.
Stars: ✭ 21 (-88.07%)
Mutual labels:  module, nuxt, nuxtjs
Nuxt Netlify Cms Module
Easy Netlify CMS integration with nuxt.js
Stars: ✭ 195 (+10.8%)
Mutual labels:  nuxt, nuxtjs, module
Gtm Module
Google Tag Manager Module for Nuxt.js
Stars: ✭ 187 (+6.25%)
Mutual labels:  nuxt, nuxtjs, module
nuxt-modules
AX2's Nuxt modules
Stars: ✭ 30 (-82.95%)
Mutual labels:  module, nuxt, nuxtjs
Nuxt Helmet
👷 Helmet for Nuxt
Stars: ✭ 126 (-28.41%)
Mutual labels:  nuxt, nuxtjs
Contenta vue nuxt
Start in minutes a Drupal 8 with JSON API and Vue.js : a Nuxt.js ( Vue.js SSR ) consumer for Contenta CMS
Stars: ✭ 125 (-28.98%)
Mutual labels:  nuxt, nuxtjs
Vue State Store
📮 VSS (Vue State Store) - Vue State Management (with Publish & Subscribe pattern)
Stars: ✭ 128 (-27.27%)
Mutual labels:  nuxt, nuxtjs
Surmon.me
🆒 My personal website and blog, powered by @vuejs (3)
Stars: ✭ 1,767 (+903.98%)
Mutual labels:  nuxt, nuxtjs
Dayjs Module
Official Day.js module for your Nuxt.js project.
Stars: ✭ 111 (-36.93%)
Mutual labels:  nuxt, nuxtjs
Jellyfin Vue
A modern web client for Jellyfin based on Vue.
Stars: ✭ 129 (-26.7%)
Mutual labels:  nuxt, nuxtjs
Nuxt Coreui
💫 NuxtJS + CoreUI Project — Unofficial Nuxt + CoreUI project, free to use boilerplate for every need.
Stars: ✭ 166 (-5.68%)
Mutual labels:  nuxt, nuxtjs
Nuxt Dev To Clone
Build DEV.TO clone with Nuxt.js and new `fetch` hook
Stars: ✭ 118 (-32.95%)
Mutual labels:  nuxt, nuxtjs
Bitwave
Front end for [bitwave.tv] - an open platform live video streaming service
Stars: ✭ 113 (-35.8%)
Mutual labels:  nuxt, nuxtjs
Nuxt Beginners Guide
Japan's first book that corresponds to Nuxt.js v2 and focuses on deep content.
Stars: ✭ 127 (-27.84%)
Mutual labels:  nuxt, nuxtjs
Infoboard
Infoboard showing time, weather, calendar events, photos from local folder or online sources as background and Transport for London status updates. Intended for Raspberry Pi, but should work on any machine with NodeJS available.
Stars: ✭ 111 (-36.93%)
Mutual labels:  nuxt, nuxtjs
Blog Module
Build your blog with @nuxt
Stars: ✭ 130 (-26.14%)
Mutual labels:  nuxt, nuxtjs
Moment Module
Efficient Moment.js integration for Nuxt
Stars: ✭ 164 (-6.82%)
Mutual labels:  nuxt, module
Nuxpress
A Nuxt-based blogging engine and boilerplate
Stars: ✭ 135 (-23.3%)
Mutual labels:  nuxt, nuxtjs
Web Vitals Module
Web Vitals: Essential module for a healthy Nuxt.js
Stars: ✭ 138 (-21.59%)
Mutual labels:  nuxtjs, module
Vue Soundcloud
🎧 A SoundCloud client built with Vue and Nuxt
Stars: ✭ 141 (-19.89%)
Mutual labels:  nuxt, nuxtjs

nuxtClientInit module

code style: prettier donate: Patreon License: MIT NPM version All Contributors NPM downloads codecov

Provide client version of nuxtServerInit.

nuxt-client-init-module provides Nuxt.js with the ability to inject processing at client initialization. Just like nuxtServerInit, it is possible to implement thenuxtClientInit action, which is executed only on the client-side rendering, in the root Vuex module.

Buy Me A Coffee

Installation

$ yarn add nuxt-client-init-module

Usage

in nuxt.config.js

{
  ...
  modules: [
   'nuxt-client-init-module'
  ]
  ...
}

in store/index.js

export const actions = {
  nuxtClientInit({ commit }, context) {
    // code
  }
}

Note: When working with other modules (e.g. axios) that are needed during nuxtClientInit, nuxt-client-init-module should appear earlier in the modules section of nuxt.config.js for correct functionality.

Author

LICENSE

MIT

Contributors

Thanks goes to these wonderful people (emoji key):


HANATANI Takuma

💻 🐛 👀 💬

tosuke

🐛

Masaya Kazama

🐛

Nikita Umnov

💻

Mohammed Sohail

📖

Anton Sitnikov

📖

Simon Eldevig

🐛

Dmitry Belichack

💻

This project follows the all-contributors specification. Contributions of any kind welcome!

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].