wb-nuxt3-pack

🚀 Quickly integrate essential packages into your Nuxt 3 project

✨ Features

wb-nuxt3-pack helps you seamlessly integrate the following essential packages into your existing Nuxt 3 project, enhancing development efficiency:

• 📷 @nuxt/image - Optimized image handling
• 🎯 @nuxt/eslint - Enforced coding standards
• 🌍 @nuxt/i18n - Internationalization support
• 📦 Pinia - Lightweight state management
• 🔋 @vite-pwa/nuxt - PWA support
• 🎨 Tailwind CSS - Utility-first CSS framework

📥 Installation

Ensure you have an existing Nuxt 3 project, then run the following command in your project root directory:

✨ Usage

npx wb-nuxt3-pack

This will automatically install and configure all required dependencies with fixed versions.

📦 Installed Packages & Versions

The following packages will be installed with the specified versions to ensure consistency:

• @nuxt/image: 1.10.0
• @nuxt/eslint: 1.2.0
• eslint-config-prettier: 10.1.1
• eslint-plugin-prettier: 5.2.3
• @nuxt/i18n: 9.3.2
• pinia: 3.0.1
• @pinia/nuxt: 0.10.1
• pinia-plugin-persistedstate: 4.2.0
• @vite-pwa/nuxt: 1.0.2
• tailwindcss: 6.13.2
• prettier: 3.5.3
• prettier-plugin-tailwindcss: 0.6.11

⚙️ Configuration

Since @vite-pwa/nuxt is included, you'll need to add the following configuration to your nuxt.config.{js,ts}:

pwa: {
  registerType: "autoUpdate",
  manifest: {
    name: "Your Site's Name",
    short_name: "Your Site's Name",
    description: "Your Site's Description",
    theme_color: "Your Site's Theme Color",
    icons: [
      {
        src: "/favicon.ico",
        sizes: "192x192",
        type: "image/png",
      },
    ],
  },
  workbox: {
    navigateFallback: "/",
  },
  devOptions: {
    enabled: true,
    type: "module",
  },
},

📜 License MIT