Removes html for templates

assets/App.vue

@@ -1,4 +1,4 @@
-<template lang="html">
+<template>
   <main>
     <mobile-menu v-if="isMobile"></mobile-menu>
 

assets/components/ContainerTitle.vue

@@ -1,4 +1,4 @@
-<template lang="html">
+<template>
   <div class="name columns is-marginless">
     <span class="column">{{ value }}</span>
     <span class="column is-narrow" v-if="closable">

assets/components/InfiniteLoader.vue

@@ -1,4 +1,4 @@
-<template lang="html">
+<template>
   <div ref="observer" class="control" :class="{ 'is-loading': isLoading }"></div>
 </template>
 

assets/components/LogEventSource.vue

@@ -1,4 +1,4 @@
-<template lang="html">
+<template>
   <div>
     <infinite-loader :onLoadMore="loadOlderLogs" :enabled="messages.length > 100"></infinite-loader>
     <slot :messages="messages"></slot>

assets/components/LogViewer.vue

@@ -1,4 +1,4 @@
-<template lang="html">
+<template>
   <ul class="events" :class="settings.size">
     <li v-for="item in filtered" :key="item.key" :class="{ event: !!item.event }">
       <span class="date" v-if="settings.showTimestamp">{{ item.date | relativeTime }}</span>

assets/components/LogViewerWithSource.vue

@@ -1,4 +1,4 @@
-<template lang="html">
+<template>
   <log-event-source :id="id" v-slot="eventSource">
     <log-viewer :messages="eventSource.messages"></log-viewer>
   </log-event-source>

assets/components/MobileMenu.vue

@@ -1,4 +1,4 @@
-<template lang="html">
+<template>
   <aside>
     <a
       role="button"
@@ -11,7 +11,7 @@
     <h1 class="title has-text-warning is-marginless">Dozzle</h1>
     <p class="menu-label is-hidden-mobile" :class="{ 'is-active': showNav }">Containers</p>
     <ul class="menu-list is-hidden-mobile" :class="{ 'is-active': showNav }">
-      <li v-for="item in visibleContainers">
+      <li v-for="item in visibleContainers" :key="item.id">
         <router-link
           :to="{ name: 'container', params: { id: item.id, name: item.name } }"
           active-class="is-active"

assets/components/ScrollableView.vue

@@ -1,4 +1,4 @@
-<template lang="html">
+<template>
   <section :class="{ 'is-full-height-scrollable': scrollable }">
     <header v-if="$slots.header">
       <slot name="header"></slot>

assets/components/Search.vue

@@ -1,4 +1,4 @@
-<template lang="html">
+<template>
   <div class="search columns is-gapless is-vcentered" v-show="showSearch" v-if="settings.search">
     <div class="column">
       <p class="control has-icons-left">

assets/components/SideMenu.vue

@@ -1,4 +1,4 @@
-<template lang="html">
+<template>
   <aside>
     <div class="columns is-marginless">
       <div class="column">

assets/pages/Container.vue

@@ -1,4 +1,4 @@
-<template lang="html">
+<template>
   <scrollable-view :scrollable="activeContainers.length > 0">
     <template v-slot:header v-if="activeContainers.length > 0">
       <container-title :value="allContainersById[id].name"></container-title>

assets/pages/Index.vue

@@ -1,4 +1,4 @@
-<template lang="html">
+<template>
   <div class="hero is-fullheight is-dark">
     <div class="hero-body">
       <div class="container has-text-centered">

assets/pages/Settings.vue

@@ -1,4 +1,4 @@
-<template lang="html">
+<template>
   <div>
     <section class="section">
       <div class="has-underline">

assets/pages/Show.vue

@@ -1,4 +1,4 @@
-<template lang="html"> </template>
+<template> </template>
 
 <script>
 import { mapActions, mapGetters, mapState } from "vuex";