This PR contains the following changes:

• Removed sass. TailwindCSS recommends using PostCSS as its CSS preprocessor, as this is included with the TailwindCSS package by default.
• Replaced nuxt3@^3.0.0-27238235.a1bcc53 by nuxt@^v3.0.0-rc.8.
• Replaced postcss@^8.3.11 by postcss@^8.4.16.
• Replaced autoprefixer@^10.3.7 by autoprefixer@^10.4.8.
• Replaced tailwindcss@^3.0.0-alpha.1 by tailwindcss@^3.1.8.
• Using postcss as language in <style />.
• Remove the following line from tailwind.config.js: https://github.com/templatekitchen/nuxt3-tailwindcss/blob/a9a32d4dd0c31c9b2fc447fe46ad051bf8a2c80b/tailwind.config.js#L7

While working on one of my newer sites, which I created from this template repository, I found out that I was not able to use TailwindCSS fill utility class, which can change the fill color of SVG elements.

Analysis:

Reason for this was that this repo is still on TailwindCSS 3.0.0-alpha1 https://github.com/ricardobalk/nuxt3-tailwindcss/blob/f95dad0811796097dfa30c95dbbee2725e60ff3d/package.json#L13

Proposed fix:

It can be fixed by using the newer stable version 3.0.23, as shown here: https://github.com/ricardobalk/webdevsunite/blob/ef763ea0965efe1680b2f3cd5f56196c4683e5ec/package.json#L13, it being used here: https://github.com/ricardobalk/webdevsunite/blob/ef763ea0965efe1680b2f3cd5f56196c4683e5ec/layouts/home.vue#L94.

~~Don't blame me for using @apply instead of normal CSS classes. I like my code to be readable and beautiful. Which is kinda the opposite of TailwindCSS, as in, a tool of quickly prototyping apps by not having to think about class names, but yeah.~~

Task:

Update TailwindCSS to 3.0.23.

• Step 1: Smash these commands into your command line of choice. Also, use npm install instead of yarn if you'd like 😉

  git clone https://github.com/ricardobalk/nuxt3-tailwindcss ~/Git/nuxt3-tailwindcss \
    && cd $_ \
    && git checkout develop \
    && git branch feature/update-tailwindcss-3.0.23 \
    && git checkout $_ \
    && yarn add -D tailwindcss@^3.0.23 && git add --all \
    && git commit -m 'Upgrade TailwindCSS to version 3.0.23' \
    && git push -u origin feature/update-tailwindcss-3.0.23
  

• Step 2: Make a PR.

I've been using the vue-cli and online documentation in the past and am not confident with handling packages. How can I remove tailwindcss entirely from the project as a dependency, along with its files? Thank you!