[Vuejs]-How to configure TailwindCSS in Nuxt3?

When I create a tailwind.config.js file in the root folder, it doesn’t seem to be used by the project.

Have you specified configPath in nuxt configuration file?

This works for me:

export default defineNuxtConfig({
    modules: ["@nuxtjs/tailwindcss"],
    tailwindcss: {
        configPath: "~/tailwind.config.ts",
    },
})