Tailwind CSS v2.0 | Update Tailwind Css v1 to v2 in Vue CLI

Want to Update your Tailwind Css to v2?
In this video we'll take a look at how to update TailwindCss v1 to v2 from an existing Vue App using VueCLI.

Base Code
github.com/codewithchu/tailwindcss-v1-vuecli-setup…

Source Code is using the Update Branch
github.com/codewithchu/tailwindcss-v1-vuecli-setup…

Tailwind Css PostCSS 7 compatibility build
tailwindcss.com/docs/installation#post-css-7-compa…

Tailwind Tutorial Series
   • Tailwind Css v1 Tutorial Series  

Subscribe and Learn to Code w/ Chu
   / @codewithchu  

Video Sections
00:00 Overview
00:24 Setup Project
01:26 Uninstall Tailwindcss v1
01:48 Install Tailwindcss v2
03:13 Install the Tailwindcss PostCss 7 Compatibility Build
04:35 Build For Production
04:57 Outro

Resources
--------------------------------------------------------------
Tailwind Components - tailwindcomponents.com/component/messanger-clone
VueJS - vuejs.org/
Vue CLI - cli.vuejs.org/
TailwindCss - tailwindcss.com/
NodeJs - .nodejs.org/
VScode - code.visualstudio.com/

Connect with Code With Chu
--------------------------------------------------------------
arthurchu.ca/
twitter.com/codewithchu
www.instagram.com/codewithchu/
www.facebook.com/codewithchu
github.com/codewithchu/