/nuxt-module-alternatives

Alternative modules to use while waiting for Nuxt 3 Compatibility

Primary LanguageTypeScriptMIT LicenseMIT

nuxt-module-alternatives

Alternative modules to use while waiting for Nuxt 3 Compatibility

Current Modules

Other Information

The @nuxtjs folder has been removed, use @nuxtjs-alt instead (this is due to me adding it to npmjs)

Module Order

If you're using a combination of axios, pinia and auth you need to load them in modules in the following order.

modules: [
    '@nuxtjs-alt/auth',
    '@nuxtjs-alt/axios',
    '@nuxtjs-alt/pinia',
]

Instructions

  • Add any of these modules to your modules directory of your nuxt 3 application.
  • Then in your package.json add them as a local module.
  • Finally run npm install to have them symlinked.
  • You can then add them to the modules like you would in Nuxt with the same named aliases.

Adding them to workspaces will install the dependencies. Alternatively you can use the npmjs releases.

Other Modules

If you have a nuxt module that looks like it wont be updated, and has any usefeulness to the general nuxt community, please tell me and I'll take a look into it.

Example package.json:

package.json
{
    "private": true,
    "scripts": {
        "dev": "nuxi dev",
        "build": "nuxi build",
        "start": "node .output/server/index.mjs"
    },
    "devDependencies": {
        "nuxt": "latest"
    },
    "dependencies": {
        "@nuxtjs-alt/axios": "file:modules/@nuxtjs-alt/axios",
        "@nuxtjs-alt/auth": "file:modules/@nuxtjs-alt/auth",
        "@nuxtjs-alt/element-plus": "file:modules/@nuxtjs-alt/element-plus",
        "@nuxtjs-alt/google-fonts": "file:modules/@nuxtjs-alt/google-fonts",
        "@nuxtjs-alt/pinia": "file:modules/@nuxtjs-alt/pinia",
        "@nuxtjs-alt/proxy": "file:modules/@nuxtjs-alt/proxy",
        "@nuxtjs-alt/vuex": "file:modules/@nuxtjs-alt/vuex" // Deprecated
    }
}

or (yarn add/install)

{
    "private": true,
    "scripts": {
        "dev": "nuxi dev",
        "build": "nuxi build",
        "start": "node .output/server/index.mjs"
    },
    "devDependencies": {
        "nuxt": "npm:nuxt3@latest"
    },
    "dependencies": {
        "@nuxtjs-alt/axios": "latest",
        "@nuxtjs-alt/auth": "latest",
        "@nuxtjs-alt/element-plus": "latest",
        "@nuxtjs-alt/google-fonts": "latest",
        "@nuxtjs-alt/pinia": "latest",
        "@nuxtjs-alt/proxy": "latest",
        "@nuxtjs-alt/vuex": "latest" // Deprecated
    }
}