chore(deps): Update packages (vue, tailwind, vite)

package.json

@@ -7,16 +7,17 @@
   },
   "dependencies": {
     "@googlemaps/js-api-loader": "^1.4.0",
+    "@vitejs/plugin-vue": "^1.2.4",
     "between": "git+https://github.com/paraboul/between.git",
     "js-base64": "^3.5.2",
-    "tailwindcss": "^1.8.11",
+    "tailwindcss": "^2.2.4",
     "vue": "^3.0.0-rc.1"
   },
   "devDependencies": {
     "@vue/compiler-sfc": "^3.0.0-rc.1",
-    "autoprefixer": "^9.7.5",
+    "autoprefixer": "^10.2.6",
     "postcss": "^8.1.1",
     "postcss-cli": "^8.0.0",
-    "vite": "^1.0.0-rc.1"
+    "vite": "^2.4.0"
   }
 }

src/App.vue

@@ -46,7 +46,7 @@
             <div class="flex justify-around text-center order-last bg-white p-3 text-xs tracking-tight border-t border-gray-300">
                 <span>Created by Anthony Catel</span>
 
-                <a href="https://twitter.com/paraboul?ref_src=twsrc%5Etfw" class="twitter-follow-button" data-show-count="false">Follow @paraboul</a>
+                <a href="https://twitter.com/antcatel?ref_src=twsrc%5Etfw" class="twitter-follow-button" data-show-count="false">Follow @antcatel</a>
             </div>
 <!--             <div class="bottom-0 left-0 md:absolute h-8 bg-white border-t border-gray-300 w-full text-xs tracking-tight text-center py-2">Created by Anthony Catel</div> -->
         </div>

tailwind.config.js

@@ -1,7 +1,10 @@
+const colors = require('tailwindcss/colors')
+
 module.exports = {
+  mode: 'jit',
   future: {
-    removeDeprecatedGapUtilities: true,
-    purgeLayersByDefault: true,
+//    removeDeprecatedGapUtilities: true,
+//    purgeLayersByDefault: true,
   },
   purge: {
     enabled: true,
@@ -16,7 +19,19 @@ module.exports = {
       colors: {
         indigo: '#5c6ac4',
         blue: '#007ace',
-        nidium: '#3eb7b3'
+        nidium: '#3eb7b3',
+        teal: colors.teal,
+        gray: {
+            100: '#f7fafc',
+            200: '#edf2f7',
+            300: '#e2e8f0',
+            400: '#cbd5e0',
+            500: '#a0aec0',
+            600: '#718096',
+            700: '#4a5568',
+            800: '#2d3748',
+            900: '#1a202c',
+          },
       },
 
       height: {