Config

package.json

Dev Server

Config dev server IP addy and assign port number:

{
    "name": "project-name",
    "private": true,
    "scripts": {
        "dev": "nuxt dev --host 192.168.5.555 --port 5555",
  ...
    },
...

nuxt.config.ts

Modules

Module order matters. This specific module order works as intended, without error or conflict:

modules: [
    '@nuxt/ui',
    '@nuxt/content',
    '@nuxtjs/tailwindcss',
    '@nuxtjs/color-mode',
    '@nuxt/image',
    '@nuxtjs/mdc',
    '@nuxt/icon',
],

Telemetry

telemetry: false, // F Telemetry

Content

See Nuxt/Content/config.

Styles

CSS:

css: ['@/assets/styles/fleet.css', '@/assets/styles/ship.css'],

Color Mode:

colorMode: {
    preference: 'dark', // $colorMode default
},

Misc

devtools: { enabled: true },

srcDir: 'app/',

compatibilityDate: '2024-09-28',

components: true,