create-nuxt-base 0.3.16 → 1.0.2

package/nuxt-base-template/nuxt.config.ts

@@ -2,6 +2,9 @@
 import tailwindcss from '@tailwindcss/vite';
 
 export default defineNuxtConfig({
+  // ============================================================================
+  // App Configuration
+  // ============================================================================
   app: {
     head: {
       title: 'Nuxt Base Starter',
@@ -9,108 +12,150 @@ export default defineNuxtConfig({
     },
   },
 
+  // ============================================================================
+  // Bug Reporting (Linear Integration via @lenne.tech/bug.lt)
+  // ============================================================================
   bug: {
     enabled: process.env.APP_ENV !== 'production',
-
-    // Linear Integration
     linearApiKey: process.env.LINEAR_API_KEY,
     linearProjectName: process.env.LINEAR_PROJECT_NAME,
     linearTeamName: process.env.LINEAR_TEAM_NAME,
   },
 
-  colorMode: {
-    classSuffix: '',
-  },
-
-  compatibilityDate: '2024-09-05',
+  compatibilityDate: '2025-01-15',
 
+  // ============================================================================
+  // Styles
+  // ============================================================================
   css: ['~/assets/css/tailwind.css'],
 
+  // ============================================================================
+  // Development Server
+  // ============================================================================
   devServer: {
     port: 3001,
   },
 
+  // ============================================================================
+  // Experimental Features
+  // ============================================================================
   experimental: {
     asyncContext: true,
     renderJsonPayloads: false,
     typedPages: true,
   },
 
+  // ============================================================================
+  // Environment-specific Layers
+  // ============================================================================
+  extends: process.env.APP_ENV === 'development' ? ['./docs'] : [],
+
+  // ============================================================================
+  // Image Optimization
+  // ============================================================================
   image: {
     ipx: {
-      maxAge: 2592000,
+      maxAge: 2592000, // 30 days
     },
     provider: 'ipx',
   },
 
+  // ============================================================================
+  // Auto-imports
+  // ============================================================================
   imports: {
     dirs: ['./states', './stores', './forms', './interfaces', './base', './plugins'],
   },
 
+  // ============================================================================
+  // Nuxt Modules
+  // ============================================================================
   modules: [
-    '@nuxt/test-utils/module',
-    '@lenne.tech/nuxt-base',
-    '@lenne.tech/bug.lt',
-    '@vueuse/nuxt',
-    '@nuxtjs/google-fonts',
-    '@nuxtjs/color-mode',
-    'dayjs-nuxt',
-    '@nuxt/image',
-    '@nuxtjs/plausible',
-    '@nuxtjs/seo',
+    '@nuxt/test-utils/module', // E2E testing with Playwright
+    '@lenne.tech/bug.lt', // Bug reporting to Linear
+    '@vueuse/nuxt', // Vue composition utilities
+    'dayjs-nuxt', // Date/time handling
+    '@nuxt/image', // Image optimization
+    '@nuxt/ui', // NuxtUI component library
+    '@nuxtjs/plausible', // Privacy-friendly analytics
+    '@nuxtjs/seo', // SEO optimization (sitemap, robots, og-image)
+    '@pinia/nuxt', // State management
   ],
 
-  nuxtBase: {
-    disableGraphql: false,
-    generateTypes: process.env['GENERATE_TYPES'] === '1',
-    gqlHost: process.env.API_URL + '/graphql',
-    host: process.env.API_URL,
-    schema: process.env.API_SCHEMA,
-    storagePrefix: process.env.STORAGE_PREFIX,
-  },
-
-  // sets the default renderer to chromium
+  // ============================================================================
+  // OG Image Configuration
+  // ============================================================================
   ogImage: {
     defaults: {
       renderer: 'chromium',
     },
   },
 
+  // ============================================================================
+  // Analytics (Plausible)
+  // ============================================================================
   plausible: {
     apiHost: process.env.PLAUSIBLE_API_URL,
     ignoredHostnames: ['localhost'],
   },
 
+  // ============================================================================
+  // SEO: Robots.txt
+  // ============================================================================
   robots: {
     disallow: ['/app', '/auth', '/admin'],
   },
 
+  // ============================================================================
+  // Runtime Configuration (Environment Variables)
+  // ============================================================================
   runtimeConfig: {
+    // Server-only (for SSR requests)
+    apiUrl: process.env.API_URL || 'http://localhost:3000',
     public: {
-      gqlHost: process.env.API_URL + '/graphql',
+      // Client-side (browser requests)
+      apiUrl: process.env.API_URL_BROWSER || process.env.API_URL || 'http://localhost:3000',
       host: process.env.API_URL,
       webPushKey: process.env.WEB_PUSH_KEY,
     },
   },
 
+  // ============================================================================
+  // SEO: Site Metadata
+  // ============================================================================
   site: {
     name: 'Nuxt Base Starter',
     url: process.env.SITE_URL,
   },
 
+  // ============================================================================
+  // SEO: Sitemap
+  // ============================================================================
   sitemap: {
     exclude: ['/app/**', '/auth/**'],
   },
 
+  // ============================================================================
+  // Rendering Configuration
+  // ============================================================================
   spaLoadingTemplate: false,
 
   ssr: true,
 
+  // ============================================================================
+  // Telemetry
+  // ============================================================================
   telemetry: false,
 
+  // ============================================================================
+  // Vite Configuration
+  // ============================================================================
   vite: {
     build: {
-      cssMinify: 'lightningcss',
+      cssMinify: 'esbuild',
+    },
+    optimizeDeps: {
+      exclude: ['@tailwindcss/vite', 'lightningcss', '@vue/devtools-core', '@vue/devtools-kit', '@internationalized/date'],
     },
     plugins: [tailwindcss()],
   },

package/nuxt-base-template/openapi-ts.config.ts

@@ -0,0 +1,18 @@
+import { defineConfig } from '@hey-api/openapi-ts';
+
+export default defineConfig({
+  client: '@hey-api/client-fetch',
+  input: process.env.API_URL || 'http://127.0.0.1:3000/api-docs-json',
+  output: {
+    format: 'prettier',
+    lint: 'eslint',
+    path: './app/api-client',
+  },
+  plugins: [
+    '@hey-api/sdk',
+    {
+      dates: true,
+      name: '@hey-api/typescript',
+    },
+  ],
+});

package/nuxt-base-template/oxlint.json

@@ -0,0 +1,14 @@
+{
+  "$schema": "./node_modules/oxlint/configuration_schema.json",
+  "plugins": ["typescript", "vue", "unicorn", "import"],
+  "env": {
+    "browser": true,
+    "node": true
+  },
+  "rules": {
+    "eqeqeq": "warn",
+    "no-console": "warn",
+    "no-unused-vars": "warn",
+    "@typescript-eslint/no-explicit-any": "warn"
+  }
+}