Update packages

.gitignore

@@ -0,0 +1,4 @@
+node_modules
+.DS_Store
+dist
+*.local

package.json

@@ -7,10 +7,10 @@
   },
   "dependencies": {
     "@googlemaps/js-api-loader": "^1.4.0",
-    "@vitejs/plugin-vue": "^1.2.4",
-    "between": "git+https://github.com/paraboul/between.git",
+    "@vitejs/plugin-vue": "^2.2.4",
     "js-base64": "^3.5.2",
-    "tailwindcss": "^2.2.4",
+    "tailwindcss": "^3.0.23",
+    "tatween": "^0.2.0",
     "vue": "^3.0.0-rc.1"
   },
   "devDependencies": {

src/App.vue

@@ -55,7 +55,7 @@
 
 <script>
 import Map from './components/Map.vue'
-import Between from 'between'
+import { tatween, Easing } from 'tatween';
 
 export default {
     name: 'App',
@@ -81,9 +81,9 @@ export default {
         },
 
         setDensity(val) {
-            Between.block(800, Between.easing.Exponential.Out, (obj) => {
+            tatween(800, Easing.Exponential.Out, (obj) => {
                 obj.density = val;
-            }, this);
+            }, this)
         }
     },
 

tailwind.config.js

@@ -6,14 +6,11 @@ module.exports = {
 //    removeDeprecatedGapUtilities: true,
 //    purgeLayersByDefault: true,
   },
-  purge: {
-    enabled: true,
-    layers: ['utilities'],
-    content: [
-      "./src/**/*.vue",
-      "./index.html"
-    ]
-  },
+
+  content: [
+    "./src/**/*.vue",
+    "./index.html"
+  ],
   theme: {
     extend: {
       colors: {

vite.config.js

@@ -0,0 +1,23 @@
+import { defineConfig } from 'vite';
+import vue from '@vitejs/plugin-vue';
+import path from 'path';
+
+export default defineConfig({
+    build: {
+        sourcemap: 'hidden' // They are uploaded to sentry in production
+                            // The browser doesn't need to know about theses files
+    },
+    plugins: [
+        vue({}),
+    ],
+
+    resolve: {
+        alias: {
+            '@': path.resolve(__dirname, './src')
+        },
+    },
+
+    server: {
+        https: false,
+    }
+})