device VS tailwindcss

Best module I've found so far to detect this in an SSR-friendly way is: https://github.com/nuxt-community/device-module but still not great all the time

There is an official port of the official Nuxt Device module you might try: https://github.com/nuxt-community/device-module/issues/116

hey, thanks for your comment. Actually I just found out here (https://github.com/nuxt-modules/tailwindcss/pull/660) that they removed generating tailwind.config.cjs file inside .nuxt folder in the latest update for some retarded reason. The problem is that the official tailwind intellisense requires that file for auto-completion to work. Doing 'npx tailwind init' means I'll have to manually add content, paths and plugins to it which contradicts the intention of using nuxt. If I want to manually do everything then why am I even using nuxt? I'll just have to resort to copying that previous generated file onto the newer projects.

To start using TailwindCSS with Nuxt, you can install and configure TailwindCSS as a dependency following the instructions on the TailwindCSS website. Or you can use the official Nuxt TailwindCSS module following the commands below:

Font: https://github.com/nuxt-modules/tailwindcss/issues/598

There is now going to be forever problems due to using yarn that one time to install Pinia. For the most part followed the github instructions

Actually you don't have to. The tailwind plugin is zero configuration as the module pagestates. Just import '@nuxtjs/tailwindcss' and you're done.

Easier to just use https://tailwindcss.nuxtjs.org/ for nuxt 3

As Vue Storefront uses Nuxt.js under the hood, the process of adding it to your project is relatively simple. Especially with the recent release of a new version of Tailwind Module for Nuxt that you can check the code here. In this version, you do not need to register tailwind config nor postcss config in your nuxt application in order to make it work. How briliant is that?