nuxt-module-alternatives

Alternative modules to use while waiting for Nuxt 3 Compatibility

Current Modules

• Nuxt Axios Module: Nuxt Community Repository
• Nuxt Proxy Module: Nuxt Community Repository
• Nuxt Auth Module: Nuxt Community Repository
• Nuxt Google Fonts Module: Nuxt Community Repository
• Nuxt SVG Sprite Module: Nuxt Community Repository
• Nuxt Vuetify Module: Nuxt Community Repository
• VueJS/Nuxt Pinia: VueJS/Nuxt Pinia Repository
• Nuxt Vuex: ?

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/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/svg-sprite": "file:modules/@nuxtjs-alt/vuetify",
        "@nuxtjs-alt/vuetify": "file:modules/@nuxtjs-alt/vuetify",
        "@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/google-fonts": "latest",
        "@nuxtjs-alt/pinia": "latest",
        "@nuxtjs-alt/proxy": "latest",
        "@nuxtjs-alt/svg-sprite": "latest",
        "@nuxtjs-alt/vuetify": "latest",
        "@nuxtjs-alt/vuex": "latest" // Deprecated
    }
}