Skip to content

Dev-Mode -> First call in Browser very very slow #348

@Timbuktu1982

Description

@Timbuktu1982

Hi there,

when i run dev-Mode and open host in Browser, the first call are very very slow (up to 2-5 Minutes before i can start working).
When i show for network traffic, i can see, that the loading of vuetify-styles are a big problem. What can i do or what went wrong?

Image

My package configuration:

  "dependencies": {
    "@nuxt/content": "3.11.2",
    "@nuxt/eslint": "1.15.1",
    "@nuxt/fonts": "0.13.0",
    "@nuxt/icon": "2.2.1",
    "@nuxt/test-utils": "4.0.0",
    "@pinia/nuxt": "0.11.3",
    "nuxt": "4.3.1",
    "pinia": "3.0.4",
    "prettier-plugin-multiline-arrays": "4.1.3",
    "reflect-metadata": "0.2.2",
    "showdown": "2.1.0",
    "vue": "3.5.28",
    "vue-router": "5.0.2",
    "vuetify-nuxt-module": "0.19.5"
  },
  "devDependencies": {
    "@types/node": "25.2.3",
    "@types/showdown": "2.0.6",
    "eslint": "9.39.2",
    "eslint-config-prettier": "10.1.8",
    "eslint-plugin-prettier": "5.5.5",
    "prettier": "3.8.1",
    "sass": "1.97.3",
    "typedoc": "0.28.16",
    "typescript": "5.9.3",
    "vue-tsc": "3.2.4"
  },

Relevant parts from configuration file:

  css: [
    '~/assets/styles/main.scss',
    '~/assets/styles/fonts/SourceSansPro.scss',
    '~/assets/styles/_globals.scss',
  ],
  vite: {
    css: {
      preprocessorMaxWorkers: true,
      preprocessorOptions: {
        sass: {
          quietDeps: true,
        },
        scss: {
          additionalData: '@use "~/assets/styles/_colors.scss" as *;',
          quietDeps: true,
        },
      },
    },
  },
  vuetify: {
    moduleOptions: {
      disableVuetifyStyles: false,
      styles: {
        configFile: '/assets/styles/_settings.scss',
      },
    },
    vuetifyOptions: './vuetify.config.ts',
  },

In the vuetify.config.ts i have only colors defined:

...
 theme: {
    defaultTheme: 'light',
    themes: {
      light: {
        colors: {
          // define colors for schema of basics
          basic_white: '#ffffff',
          basic_black_darkest: '#0e0e0e',
....

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions