Upgrade tailwind to 2.0

components/Header.vue

@@ -159,7 +159,7 @@ header {
     @apply bg-yuika-blue-500;
 }
 #menushow {
-  @apply w-16 h-16 cursor-pointer relative p-2 text-center whitespace-no-wrap transition duration-300 ease-in-out;
+  @apply w-16 h-16 cursor-pointer relative p-2 text-center whitespace-nowrap transition duration-300 ease-in-out;
 }
 #menushow:hover {
   @apply bg-yuika-blue-500;

package.json

@@ -17,9 +17,11 @@
     "howler": "^2.1.2",
     "node-fetch": "^2.6.0",
     "nuxt": "^2.0.0",
-    "tailwindcss": "^1.4.6"
+    "tailwindcss": "npm:@tailwindcss/postcss7-compat"
   },
   "devDependencies": {
-    "nodemon": "^2.0"
+    "autoprefixer": "^9",
+    "nodemon": "^2.0",
+    "postcss": "^7"
   }
 }

tailwind.config.js

@@ -38,8 +38,4 @@ module.exports = {
     }
   },
   variants: ['responsive', 'group-hover', 'hover', 'active' ],
-  future: {
-    removeDeprecatedGapUtilities: true,
-    purgeLayersByDefault: true,
-  },
 }