Remove custom Vue classes, add plugin

assets/sass/app.sass

@@ -5,7 +5,6 @@
 
 @import 'base/base'
 @import 'base/images'
-@import 'base/vue'
 
 @tailwind components
 

assets/sass/base/vue.sass

@@ -1,19 +0,0 @@
-[v-cloak]
-    .v-cloak-block
-        @apply block
-
-    .v-cloak-inline
-        @apply inline
-
-    .v-cloak-inline-block
-        @apply inline-block
-
-    .v-cloak-hidden
-        @apply hidden
-
-    .v-cloak-invisible
-        @apply invisible
-
-.v-cloak-block,
-.v-cloak-inline,
-    @apply hidden

package.json

@@ -16,6 +16,7 @@
     "laravel-mix-purgecss": "^2.1.2",
     "laravel-mix-tailwind": "^0.1.0",
     "tailwindcss": "^0.6",
+    "tailwindcss-vuejs": "^1.0.0",
     "tailwindcss-visuallyhidden": "^1.0.1",
     "vue": "^2.5.17"
   }

tailwind.js

@@ -333,6 +333,7 @@ module.exports = {
       padding: '1rem',
     }),
     require('tailwindcss-visuallyhidden')(),
+    require('tailwindcss-vuejs')(),
   ],
 
   options: {

yarn.lock

@@ -5723,6 +5723,10 @@ tailwindcss-visuallyhidden@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/tailwindcss-visuallyhidden/-/tailwindcss-visuallyhidden-1.0.1.tgz#ed67ecf6ee48ea0313b5c3c27498467f350be206"
 
+tailwindcss-vuejs@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/tailwindcss-vuejs/-/tailwindcss-vuejs-1.0.0.tgz#cbd1a61f9a45548cbde03d7a7c3e423c5808f372"
+
 tailwindcss@^0.6:
   version "0.6.5"
   resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-0.6.5.tgz#f692f875c373721d65ccecba5eb16fa949bcbb97"