fix(bundler): Remove self-closing syntax for components

src/App.vue

@@ -1,8 +1,8 @@
-<template>
+<template lang="html">
   <div class="layout">
-    <welcome-screen v-if="!mediaStream && !downloading.status"/>
-    <capture-screen v-if="mediaStream && !downloading.status"/>
-    <download-screen v-if="downloading.status"/>
+    <welcome-screen v-if="!mediaStream && !downloading.status"></welcome-screen>
+    <capture-screen v-if="mediaStream && !downloading.status"></capture-screen>
+    <download-screen v-if="downloading.status"></download-screen>
   </div>
 </template>
 
@@ -30,7 +30,6 @@ export default {
 }
 </script>
 
-
 <style lang="css">
 @import '/assets/css/style.css';
 </style>

src/components/encoding.vue

@@ -1,4 +1,4 @@
-<template>
+<template lang="html">
   <div class="encoding">
     Encoding {{ ellipsis }}
   </div>

src/icons/ico-switch.vue

@@ -1,4 +1,4 @@
-<template>
+<template lang="html">
   <svg width="15" height="10" viewBox="0 0 15 10" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path fill="currentColor" d="M13.051 3.12l-2.325 2.115.344.302c1.49-1.225 2.309-1.795 3.93-2.769-1.621-.956-2.456-1.543-3.93-2.768l-.344.302 2.325 2.114H.344v.705H13.05zM1.95 7.585h12.707v-.705H1.95l2.325-2.114-.344-.302C2.44 5.688 1.621 6.258 0 7.232 1.638 8.205 2.44 8.775 3.93 10l.344-.302-2.325-2.114z"/>
   </svg>

src/views/capture.vue

@@ -1,9 +1,9 @@
-<template>
+<template lang="html">
   <div class="capture">
     <div class="capture-progress" v-if="capturing.status">
-      <capture-progress/>
+      <capture-progress></capture-progress>
     </div>
-    <capture-options v-else/>
+    <capture-options v-else></capture-options>
 
     <div class="preview" ref="previewcontainer">
       <video ref="preview" class="preview-visual" preload="yes" autoplay muted playsinline webkit-playsinline></video>
@@ -11,7 +11,7 @@
 
     <button class="capture-btn" :class="{ 'capture-btn--capturing': capturing.status }" @click.prevent="startCapture">Capture</button>
 
-    <encoding-overlay v-if="encoding.status"/>
+    <encoding-overlay v-if="encoding.status"></encoding-overlay>
   </div>
 </template>
 

src/views/download.vue

@@ -1,4 +1,4 @@
-<template>
+<template lang="html">
   <div class="download">
     <div class="options">
       <span></span>

src/views/welcome.vue

@@ -1,4 +1,4 @@
-<template>
+<template lang="html">
   <div class="welcome">
     <div class="welcome-about">
       <h1 class="welcome-title">Capture few seconds as a gif for souvenir</h1>