Skip to content

wattanx/nuxt-vuex-module

Folders and files

NameName
Last commit message
Last commit date

Latest commit

d085e07 · Dec 12, 2024

History

51 Commits
Aug 7, 2024
Jan 30, 2024
Aug 6, 2023
Apr 8, 2024
Aug 6, 2023
Aug 6, 2023
Aug 6, 2023
Aug 6, 2023
Aug 6, 2023
Aug 6, 2023
Aug 6, 2023
Aug 6, 2023
Feb 12, 2024
Aug 6, 2023
Dec 12, 2024
Dec 12, 2024
Dec 12, 2024
Dec 9, 2023
Aug 6, 2023

Repository files navigation

Nuxt Vuex Module

npm version npm downloads License

In Nuxt 2, store directories were supported and it was easy to use vuex.

The store directory is not supported in Nuxt 3.

This module allows the store directory to be used in Nuxt 3, reducing the difficulty of migration to Nuxt 3.

⚠️ Since Nuxt 3 recommends the use of Pinia, it is preferable to avoid the use of Vuex.

✨  Release Notes

Quick Setup

You can install @wattanx/nuxt-vuex using nuxi:

npm install vuex
npx nuxi@latest module add @wattanx/nuxt-vuex

That's it! You can now use @wattanx/nuxt-vuex in your Nuxt app ✨

Usage

See Nuxt 2 docs for basic usage. https://v2.nuxt.com/docs/directory-structure/store/

@wattanx/nuxt-vuex does not support nuxtServerInit.

Instead, you can use the server side plugin or middleware with useNuxtApp().$store.

export default defineNuxtPlugin(() => {
  const { $store } = useNuxtApp();

  if (process.server) {
    $store.dispatch('server/increment');
  }
});

Development

# Install dependencies
npm install

# Generate type stubs
npm run dev:prepare

# Develop with the playground
npm run dev

# Build the playground
npm run dev:build

# Run ESLint
npm run lint

# Run Vitest
npm run test
npm run test:watch

# Release new version
npm run release