feat: add draw & update favicons

components/VHeader.vue

@@ -5,8 +5,8 @@
     <div title="Nuxt, Hasura & Mapbox">
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        viewBox="4.667 25.98 490.667 448.039"
         class="w-5 h-5 transition-colors duration-300 cursor-pointer"
+        viewBox="-6 -6 512 512"
         @click="$router.push({ name: 'index' })"
       >
         <defs />
@@ -17,26 +17,26 @@
             x2="250.001"
             y1="25.98"
             y2="474.019"
-            gradientTransform="matrix(.99999 -.00512 .00382 .7459 -.485729 120.841469)"
+            gradientTransform="matrix(1.04346 -.00585 .00399 .85238 -11.37663 102.403059)"
             gradientUnits="userSpaceOnUse"
           >
             <stop
               offset="0"
               :stop-color="
-                $colorMode.preference !== 'light' ? '#8139df' : '#c3c3c3'
+                $colorMode.preference !== 'light' ? '#8139df' : '#9f7aea'
               "
             />
             <stop
               offset="1"
               :stop-color="
-                $colorMode.preference !== 'light' ? '#8d2971' : '#000'
+                $colorMode.preference !== 'light' ? '#8d2971' : '#553c9a'
               "
             />
           </linearGradient>
         </defs>
         <path
           fill="url(#a)"
-          d="M242.448 470.885L7.782 236.218c-2-2.004-3.12-4.721-3.115-7.552v-192c-.011-5.891 4.757-10.675 10.648-10.686 2.84-.005 5.565 1.123 7.571 3.134L250.001 256.25 477.115 29.114c4.16-4.171 10.914-4.179 15.085-.019 2.011 2.006 3.139 4.731 3.134 7.571v192c.005 2.831-1.115 5.548-3.115 7.552L257.552 470.885c-4.16 4.171-10.914 4.179-15.085.019-.006-.007-.012-.013-.019-.019z"
+          d="M242.119 502.419L-2.75 234.251c-2.087-2.29-3.255-5.395-3.25-8.63V6.211C-6.012-.521-1.036-5.988 5.111-6c2.963-.006 5.807 1.283 7.9 3.581L250 257.143 486.989-2.419c4.341-4.766 11.388-4.776 15.741-.022 2.098 2.293 3.275 5.407 3.27 8.652v219.41c.005 3.235-1.163 6.34-3.25 8.63L257.88 502.419c-4.341 4.766-11.388 4.776-15.741.022-.006-.008-.013-.015-.02-.022z"
           paint-order="fill"
         />
       </svg>

nuxt.config.js

@@ -56,9 +56,10 @@ export default {
   },
   // Global CSS (https://go.nuxtjs.dev/config-css)
   css: [
-    { src: '~/assets/css/global.css', lang: 'css' },
     { src: 'mapbox-gl/dist/mapbox-gl.css', lang: 'css' },
     { src: 'v-mapbox/dist/v-mapbox.css', lang: 'css' },
+    { src: '@mapbox/mapbox-gl-draw/dist/mapbox-gl-draw.css', lang: 'css' },
+    { src: '~/assets/css/global.css', lang: 'css' },
   ],
 
   // Nuxt env variables (https://nuxtjs.org/api/configuration-env/)
@@ -140,5 +141,11 @@ export default {
   },
 
   // Build Configuration (https://go.nuxtjs.dev/config-build)
-  build: {},
+  build: {
+    extend(config) {
+      config.node = {
+        fs: 'empty',
+      };
+    },
+  },
 };