Omnislash Comments - Answer Overflow

Omnislash

Explore posts from servers

NNuxt CDCloudflare Developers

Posts Comments

NNuxt

•Created by nathanr on 3/18/2025 in #❓・help

Migrating Tailwind to Nuxt v3

ouai j'ai déjà pas mal parcouru la doc, y'a quelques changements côté UTable et carousel qui me font bien envie :))))

46 replies

NNuxt

•Created by nathanr on 3/18/2025 in #❓・help

Migrating Tailwind to Nuxt v3

merci bcp 🙂

46 replies

NNuxt

•Created by nathanr on 3/18/2025 in #❓・help

Migrating Tailwind to Nuxt v3

now j'ai des grosses erreurs #tailwind-config/theme, en lisant un peu... je crois que ça veut dire que c'est le moment de migrer tous mes components pour de vrai XDXDXD

46 replies

NNuxt

•Created by nathanr on 3/18/2025 in #❓・help

Migrating Tailwind to Nuxt v3

c'est exactement ça ! Donc j'ai eu trois soucis : - La première fois, j'ai fait npx upgrade de tailwind comme un bourrin avant de faire le .css, ça crée un autre souci qui fait qu'il faut revert à la 3.5 et créer le fichier pour pouvoir retenter XD - La deuxième fois, c'était à cause des modules que t'as flaggé (j'avais ncu -u pour la version) - La troisième à l'instant, c'était la version ^^"

46 replies

NNuxt

•Created by nathanr on 3/18/2025 in #❓・help

Migrating Tailwind to Nuxt v3

46 replies

NNuxt

•Created by nathanr on 3/18/2025 in #❓・help

Migrating Tailwind to Nuxt v3

ah.... c'était prémigration là donc c'est normal mais.... npm install @nuxt/ui l'a pas updatée jviens de réaliser

46 replies

NNuxt

•Created by nathanr on 3/18/2025 in #❓・help

Migrating Tailwind to Nuxt v3

it keeps saying then when I npm install or npm run dev :

 WARN  Failed to load config ./.nuxt/nuxtui-tailwind.config.mjs due to the error below. Skipping..

 WARN  Failed to load config ./.nuxt/nuxtui-tailwind.config.mjs due to the error below. Skipping..

46 replies

NNuxt

•Created by nathanr on 3/18/2025 in #❓・help

Migrating Tailwind to Nuxt v3

just removed them, npm install and npm run dev right now ^^

46 replies

NNuxt

•Created by nathanr on 3/18/2025 in #❓・help

Migrating Tailwind to Nuxt v3

ooooh the error is from them ?

46 replies

NNuxt

•Created by nathanr on 3/18/2025 in #❓・help

Migrating Tailwind to Nuxt v3

package.json

{
  "name": "nuxt-base",
  "private": true,
  "type": "module",
  "scripts": {
    "build": "nuxt build",
    "dev": "nuxt dev",
    "generate": "nuxt generate",
    "preview": "nuxt preview",
    "postinstall": "nuxt prepare",
    "lint": "eslint .",
    "lint:fix": "eslint . --fix"
  },
  "dependencies": {
    "@nuxt/eslint": "^1.3.0",
    "@nuxt/fonts": "^0.11.0",
    "@nuxt/icon": "^1.11.0",
    "@nuxt/image": "^1.10.0",
    "@nuxt/ui": "^2.21.0",
    "nuxt": "^3.16.2",
    "vue": "latest",
    "vue-router": "latest",
    "zod": "^3.24.2"
  },
  "volta": {
    "node": "22.14.0",
    "npm": "11.1.0"
  }
}

{
  "name": "nuxt-base",
  "private": true,
  "type": "module",
  "scripts": {
    "build": "nuxt build",
    "dev": "nuxt dev",
    "generate": "nuxt generate",
    "preview": "nuxt preview",
    "postinstall": "nuxt prepare",
    "lint": "eslint .",
    "lint:fix": "eslint . --fix"
  },
  "dependencies": {
    "@nuxt/eslint": "^1.3.0",
    "@nuxt/fonts": "^0.11.0",
    "@nuxt/icon": "^1.11.0",
    "@nuxt/image": "^1.10.0",
    "@nuxt/ui": "^2.21.0",
    "nuxt": "^3.16.2",
    "vue": "latest",
    "vue-router": "latest",
    "zod": "^3.24.2"
  },
  "volta": {
    "node": "22.14.0",
    "npm": "11.1.0"
  }
}

46 replies

NNuxt

•Created by nathanr on 3/18/2025 in #❓・help

Migrating Tailwind to Nuxt v3

nuxt.config

// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
    compatibilityDate: '2024-04-03',
    future: {
        compatibilityVersion: 4
    },
    // devtools: { enabled: true },
    // ssr: false,
    nitro: {
        prerender: {
            autoSubfolderIndex: false
        }
    },
    runtimeConfig: {
        public: {
            apiScheme: 'http',
            apiHost: 'localhost',
            apiPort: '',
            imageProvider: 'https://images.preprod.tech',
        },
    },
    routeRules: {
        '*/account/**': { ssr: false },
        '*/login/**': { ssr: false },
        '/admin/**': { ssr: false },
        '/operation/**': { ssr: false },
    },
    modules: [
        '@nuxt/eslint',
        '@nuxt/ui',
        '@nuxtjs/tailwindcss',
        '@nuxtjs/color-mode',
        '@nuxt/fonts',
        '@nuxt/image',
        '@nuxt/icon',
    ],
    components: [
        '~/components',
        {
            path: '~/components/structure',
            global: true,
            pathPrefix: false
        },
    ],
    fonts: {
        families: [
            { name: 'Inter', provider: 'google' },
            { name: 'Montserrat', provider: 'google' },
        ]
    },
    image: {
        providers: {
            launchbase: {
                name: 'flare',
                provider: '~/providers/images/flare.ts',
                options: {
                    baseURL: process.env.NUXT_PUBLIC_IMAGE_PROVIDER,
                }
            }
        }
    },
    app: {
        head: {
            title: 'LeX Page',
            link: [{ rel: 'icon', type: 'image/png', href: '/favicon.png' }]
        },
        // pageTransition: { name: 'page', mode: 'out-in' }
    },
    colorMode: {
        preference: 'system',
        fallback: 'light',
    },
})

// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
    compatibilityDate: '2024-04-03',
    future: {
        compatibilityVersion: 4
    },
    // devtools: { enabled: true },
    // ssr: false,
    nitro: {
        prerender: {
            autoSubfolderIndex: false
        }
    },
    runtimeConfig: {
        public: {
            apiScheme: 'http',
            apiHost: 'localhost',
            apiPort: '',
            imageProvider: 'https://images.preprod.tech',
        },
    },
    routeRules: {
        '*/account/**': { ssr: false },
        '*/login/**': { ssr: false },
        '/admin/**': { ssr: false },
        '/operation/**': { ssr: false },
    },
    modules: [
        '@nuxt/eslint',
        '@nuxt/ui',
        '@nuxtjs/tailwindcss',
        '@nuxtjs/color-mode',
        '@nuxt/fonts',
        '@nuxt/image',
        '@nuxt/icon',
    ],
    components: [
        '~/components',
        {
            path: '~/components/structure',
            global: true,
            pathPrefix: false
        },
    ],
    fonts: {
        families: [
            { name: 'Inter', provider: 'google' },
            { name: 'Montserrat', provider: 'google' },
        ]
    },
    image: {
        providers: {
            launchbase: {
                name: 'flare',
                provider: '~/providers/images/flare.ts',
                options: {
                    baseURL: process.env.NUXT_PUBLIC_IMAGE_PROVIDER,
                }
            }
        }
    },
    app: {
        head: {
            title: 'LeX Page',
            link: [{ rel: 'icon', type: 'image/png', href: '/favicon.png' }]
        },
        // pageTransition: { name: 'page', mode: 'out-in' }
    },
    colorMode: {
        preference: 'system',
        fallback: 'light',
    },
})

46 replies

NNuxt

•Created by nathanr on 3/18/2025 in #❓・help

Migrating Tailwind to Nuxt v3

sure 🙂 starting the migration again right now from a clean pull to be sure I didn't mess it up ^^

46 replies

NNuxt

•Created by nathanr on 3/18/2025 in #❓・help

Migrating Tailwind to Nuxt v3

Let me try one more time from scratch, and I can make the full base project public in github if you want

46 replies

NNuxt

•Created by nathanr on 3/18/2025 in #❓・help

Migrating Tailwind to Nuxt v3

I don't need to migrate right now honestly, I wanted to start a new project and I always start from a base that I wanted to upgrade first If you think there is some things still work in progress, I'm fine migrating during summer

46 replies

NNuxt

•Created by nathanr on 3/18/2025 in #❓・help

Migrating Tailwind to Nuxt v3

Hello, Thanks 🙂 I did follow this : https://ui.nuxt.com/getting-started/migration It properly migrated my tailwind.config into the main.css Updated to UI 3 (tried one time with ncu and on time as it is in the doc) No problem when npm install Then.... when npm run dev....

ERROR  Cannot start nuxt:  It looks like you're trying to use tailwindcss directly as a PostCSS plugin. The PostCSS plugin has moved to a separate package, so to continue using Tailwind CSS with PostCSS you'll need to install @tailwindcss/postcss and update your PostCSS configuration.

ERROR  Cannot start nuxt:  It looks like you're trying to use tailwindcss directly as a PostCSS plugin. The PostCSS plugin has moved to a separate package, so to continue using Tailwind CSS with PostCSS you'll need to install @tailwindcss/postcss and update your PostCSS configuration.

46 replies

NNuxt

•Created by nathanr on 3/18/2025 in #❓・help

Migrating Tailwind to Nuxt v3

Hello Could you fix it ? I'm facing the same issue :/

46 replies

NNuxt

•Created by ObSeSSeN on 3/7/2025 in #❓・help

Hydration hell - A simple loading state on a Nuxt UI button

like, if you have it even without the UCard and all (didnt try to remove it), maybe you can reproduce by create your own button component with a quick and dirty basic loading system ?

79 replies

NNuxt

•Created by ObSeSSeN on 3/7/2025 in #❓・help

Hydration hell - A simple loading state on a Nuxt UI button

good question, do you have the same comportment wihout nuxt ui ?

79 replies

NNuxt

•Created by ObSeSSeN on 3/7/2025 in #❓・help

Hydration hell - A simple loading state on a Nuxt UI button

sorry no idea, that's kind of mysterious and funny best is probably to create an issue on github

79 replies

NNuxt

•Created by ObSeSSeN on 3/7/2025 in #❓・help

Hydration hell - A simple loading state on a Nuxt UI button

Aha I know the feeling

79 replies

Gaming

Programming