From 958ebf2c7708fb947db7a1753684b31bc4eb3408 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Robert=20Sch=C3=A4fer?= <git@roschaefer.de>
Date: Fri, 10 May 2019 13:42:27 +0200
Subject: [PATCH 1/2] No need to use <hc-image> for static URLs

@aonomike OK, sorry. When I said that we can replace all `<img>` tags,
what I meant is that we can replace every img tag that has a dynamic
`:src` attribute.
---
 webapp/pages/login.vue | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/webapp/pages/login.vue b/webapp/pages/login.vue
index 201f5eef3..9cb9f3560 100644
--- a/webapp/pages/login.vue
+++ b/webapp/pages/login.vue
@@ -30,10 +30,10 @@
               margin-bottom="xxx-small"
               centered
             >
-              <hc-image
+              <img
                 class="login-image"
                 alt="Human Connection"
-                :image-props="{ src: '/img/sign-up/humanconnection.svg' }" 
+                src="/img/sign-up/humanconnection.svg"
               />
             </ds-space>
           </ds-flex-item>
@@ -96,14 +96,12 @@
 
 <script>
 import LocaleSwitch from '~/components/LocaleSwitch'
-import HcImage from '~/components/Image'
 
 import gql from 'graphql-tag'
 
 export default {
   components: {
-    LocaleSwitch,
-    HcImage
+    LocaleSwitch
   },
   layout: 'blank',
   data() {

From 6c5f529d850309819a4731fea94106d88bda96b5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Robert=20Sch=C3=A4fer?= <git@roschaefer.de>
Date: Fri, 10 May 2019 13:58:24 +0200
Subject: [PATCH 2/2] Couple of corrections

@aonomike use computed properties when possible
---
 webapp/components/Empty.vue                                | 7 ++++++-
 .../components/RelativeDateTime/{index.spec.js => spec.js} | 2 +-
 webapp/components/Tag/{index.spec.js => spec.js}           | 2 +-
 webapp/components/User/{index.spec.js => spec.js}          | 0
 webapp/pages/login.vue                                     | 2 +-
 5 files changed, 9 insertions(+), 4 deletions(-)
 rename webapp/components/RelativeDateTime/{index.spec.js => spec.js} (97%)
 rename webapp/components/Tag/{index.spec.js => spec.js} (95%)
 rename webapp/components/User/{index.spec.js => spec.js} (100%)

diff --git a/webapp/components/Empty.vue b/webapp/components/Empty.vue
index 669676862..0ae6c1973 100644
--- a/webapp/components/Empty.vue
+++ b/webapp/components/Empty.vue
@@ -6,7 +6,7 @@
   >
     <ds-text>
       <hc-image
-        :image-props="{ src: `/img/empty/${this.icon}.svg` }"
+        :image-props="{ src: imgSrc }"
         width="80"
         class="hc-empty-icon"
         style="margin-bottom: 5px"
@@ -56,6 +56,11 @@ export default {
       type: [String, Object],
       default: 'x-large'
     }
+  },
+  computed: {
+    imgSrc() {
+      return `/img/empty/${this.icon}.svg`
+    }
   }
 }
 </script>
diff --git a/webapp/components/RelativeDateTime/index.spec.js b/webapp/components/RelativeDateTime/spec.js
similarity index 97%
rename from webapp/components/RelativeDateTime/index.spec.js
rename to webapp/components/RelativeDateTime/spec.js
index 55ed90a7c..446a5a8a1 100644
--- a/webapp/components/RelativeDateTime/index.spec.js
+++ b/webapp/components/RelativeDateTime/spec.js
@@ -1,5 +1,5 @@
 import { shallowMount, createLocalVue } from '@vue/test-utils'
-import RelativeDateTime from './index'
+import RelativeDateTime from './'
 
 const localVue = createLocalVue()
 
diff --git a/webapp/components/Tag/index.spec.js b/webapp/components/Tag/spec.js
similarity index 95%
rename from webapp/components/Tag/index.spec.js
rename to webapp/components/Tag/spec.js
index 20267e375..fa49d4d95 100644
--- a/webapp/components/Tag/index.spec.js
+++ b/webapp/components/Tag/spec.js
@@ -1,6 +1,6 @@
 import { shallowMount, createLocalVue } from '@vue/test-utils'
 import Styleguide from '@human-connection/styleguide'
-import Tag from './index'
+import Tag from './'
 
 const localVue = createLocalVue()
 localVue.use(Styleguide)
diff --git a/webapp/components/User/index.spec.js b/webapp/components/User/spec.js
similarity index 100%
rename from webapp/components/User/index.spec.js
rename to webapp/components/User/spec.js
diff --git a/webapp/pages/login.vue b/webapp/pages/login.vue
index 9cb9f3560..46c6e2d79 100644
--- a/webapp/pages/login.vue
+++ b/webapp/pages/login.vue
@@ -34,7 +34,7 @@
                 class="login-image"
                 alt="Human Connection"
                 src="/img/sign-up/humanconnection.svg"
-              />
+              >
             </ds-space>
           </ds-flex-item>
           <ds-flex-item