diff --git a/assets/sass/app.sass b/assets/sass/app.sass
index 8bd72160..c86698dc 100644
--- a/assets/sass/app.sass
+++ b/assets/sass/app.sass
@@ -5,7 +5,6 @@
 
 @import 'base/base'
 @import 'base/images'
-@import 'base/vue'
 
 @tailwind components
 
diff --git a/assets/sass/base/vue.sass b/assets/sass/base/vue.sass
deleted file mode 100644
index 597fb126..00000000
--- a/assets/sass/base/vue.sass
+++ /dev/null
@@ -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
diff --git a/package.json b/package.json
index 7beb7cb6..6ad118ec 100644
--- a/package.json
+++ b/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"
   }
diff --git a/tailwind.js b/tailwind.js
index b668a89a..8df2d470 100644
--- a/tailwind.js
+++ b/tailwind.js
@@ -333,6 +333,7 @@ module.exports = {
       padding: '1rem',
     }),
     require('tailwindcss-visuallyhidden')(),
+    require('tailwindcss-vuejs')(),
   ],
 
   options: {
diff --git a/yarn.lock b/yarn.lock
index c74ad864..7d092768 100644
--- a/yarn.lock
+++ b/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"