Merge branch 'master' of github.com:GlitchFamily/souvenir

src/assets/css/3-base/_02-main.css

@@ -45,7 +45,6 @@ a:hover {
 
 a:focus {
   outline: none;
-  border-radius: .3rem;
   box-shadow: var(--focus-ring);
 }
 

src/views/capture.vue

@@ -6,7 +6,7 @@
     <capture-options v-else/>
 
     <div class="preview">
-      <video ref="preview" class="preview-visual" height="200px" autoplay></video>
+      <video ref="preview" class="preview-visual" height="200px" preload="yes" autoplay muted playsinline webkit-playsinline></video>
     </div>
 
     <button class="capture-btn" :class="{ 'capture-btn--capturing': capturing.status }" @click="startCapture">Capture</button>

vue.config.js

@@ -10,10 +10,17 @@ module.exports = {
     }
   },
   parallel: false,
-  chainWebpack: (config) => {
-    config.module.rule('worker')
-      .test(/\.worker\.js$/i)
-      .use('worker-loader')
-      .loader('worker-loader')
+  configureWebpack: {
+    module: {
+      rules: [
+        {
+          test: /\.worker\.js$/,
+          use: {
+            loader: 'worker-loader',
+            options: { inline: true }
+          }
+        }
+      ]
+    }
   }
 }