Sample demo of Vue3 and Tailwindcss

  • By Ayush P Gupta
  • Last update: Dec 31, 2021
  • Comments: 2

vue3-tailwind-app

Demonstration of using Tailwindcss in Vue3.

Note

Currently Tailwindcss 3 isn't supported in Vue3 due to postcss 8 incompatibility. Hence we are using npm:@tailwindcss/postcss7-compat or Tailwindcss v2

Getting Started

  1. Clone respository
  2. Run npm install
  3. Run npm run serve

Customize configuration

See Configuration Reference.

Github

https://github.com/apgapg/vue3-tailwind-app

Comments(2)

  • 1

    [ImgBot] Optimize images

    Beep boop. Your images are optimized!

    Your image file size has been reduced by 53% 🎉

    Details

    | File | Before | After | Percent reduction | |:--|:--|:--|:--| | /res/s1.png | 1,373.38kb | 647.96kb | 52.82% | | /src/assets/logo.png | 6.69kb | 6.33kb | 5.40% | | | | | | | Total : | 1,380.07kb | 654.29kb | 52.59% |


    📝 docs | :octocat: repo | 🙋🏾 issues | 🏪 marketplace

    ~Imgbot - Part of Optimole family

  • 2

    [ImgBot] Optimize images