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

This commit is contained in:
Tixie 2019-03-11 20:48:18 +01:00
parent a363a81f39
commit a997796388
6 changed files with 12 additions and 13 deletions

View file

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

View file

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

View file

@ -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"> <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"/> <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> </svg>

View file

@ -1,9 +1,9 @@
<template> <template lang="html">
<div class="capture"> <div class="capture">
<div class="capture-progress" v-if="capturing.status"> <div class="capture-progress" v-if="capturing.status">
<capture-progress/> <capture-progress></capture-progress>
</div> </div>
<capture-options v-else/> <capture-options v-else></capture-options>
<div class="preview" ref="previewcontainer"> <div class="preview" ref="previewcontainer">
<video ref="preview" class="preview-visual" preload="yes" autoplay muted playsinline webkit-playsinline></video> <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> <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> </div>
</template> </template>

View file

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

View file

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