Nuxt 3 Project

Starting a project example-proj. If you wish to build a project including an API, please use Sidebase because it has selected plugins pre-configured. For building a Single Page Application, this is a good starting point.

npx nuxi@latest init example-proj
cd example-proj
pnpm install --save-dev @nuxtjs/tailwindcss
pnpm install --save-dev nuxt-icon
pnpm install --save-dev @tailwindcss/typography
pnpm install --save-dev @sidebase/nuxt-auth
pnpm install @headlessui/vue

Configure Tailwind

nuxt.config.ts

export default defineNuxtConfig({
    modules: [
        '@nuxtjs/tailwindcss',
        '@sidebase/nuxt-auth',    
        'nuxt-icon'
    ],
    app: {
        head: {
            link: [
                { rel: 'icon', type: 'image/x-icon', href: '/favicon.png' }
            ]
        }
    }
})