From 9159fb47fecd1af662343453b56b4fbefa09ba29 Mon Sep 17 00:00:00 2001
From: Grzegorz Leoniec <greg@app-interactive.de>
Date: Fri, 16 Nov 2018 12:33:23 +0100
Subject: [PATCH 1/9] improved input and button accessibility

---
 pages/login.vue                                          | 6 +++++-
 .../src/system/components/data-input/Input/Input.vue     | 9 ++++++++-
 .../src/system/components/navigation/Button/Button.vue   | 8 ++++++++
 yarn.lock                                                | 1 +
 4 files changed, 22 insertions(+), 2 deletions(-)

diff --git a/pages/login.vue b/pages/login.vue
index 44a9108c8..83818a837 100644
--- a/pages/login.vue
+++ b/pages/login.vue
@@ -37,6 +37,7 @@
               v-model="form.email"
               placeholder="Deine E-Mail"
               type="email"
+              name="email"
               icon="envelope"/>
             <ds-input
               :disabled="pending"
@@ -44,11 +45,14 @@
               placeholder="Dein Password"
               icon="lock"
               icon-right="question-circle"
+              name="password"
               type="password"/>
             <ds-button
               :loading="pending"
               primary
-              full-width>
+              full-width
+              name="submit"
+              type="submit">
               Anmelden
             </ds-button>
             <ds-space margin="x-small">
diff --git a/styleguide/src/system/components/data-input/Input/Input.vue b/styleguide/src/system/components/data-input/Input/Input.vue
index a955dd0f4..6d19c3956 100644
--- a/styleguide/src/system/components/data-input/Input/Input.vue
+++ b/styleguide/src/system/components/data-input/Input/Input.vue
@@ -13,7 +13,7 @@
           iconRight && `ds-input-has-icon-right`
         ]"
         :id="id"
-        :name="model"
+        :name="name"
         :type="type"
         :autofocus="autofocus"
         :placeholder="placeholder"
@@ -63,6 +63,13 @@ export default {
       type: String,
       default: null
     },
+    /**
+     * The name of the field for better accessibility
+     */
+    name: {
+      type: String,
+      default: null
+    },
     /**
      * Whether the input should be automatically focused
      */
diff --git a/styleguide/src/system/components/navigation/Button/Button.vue b/styleguide/src/system/components/navigation/Button/Button.vue
index 208e3269d..d806a9d6e 100644
--- a/styleguide/src/system/components/navigation/Button/Button.vue
+++ b/styleguide/src/system/components/navigation/Button/Button.vue
@@ -13,6 +13,7 @@
       fullWidth && `ds-button-full-width`,
       loading && `ds-button-loading`
     ]"
+    :name="name"
     v-bind="bindings"
     :is="linkTag">
     <ds-icon
@@ -74,6 +75,13 @@ export default {
         return value.match(/(router-link|a|button)/)
       }
     },
+    /**
+     * Button name for accessibilty
+     */
+    name: {
+      type: String,
+      default: null
+    },
     /**
      * Primary style
      * `true, false`
diff --git a/yarn.lock b/yarn.lock
index 328b2d5fe..b7ee774c4 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -9470,6 +9470,7 @@ vue-template-es2015-compiler@^1.6.0:
 vue@^2.5.17:
   version "2.5.17"
   resolved "https://registry.yarnpkg.com/vue/-/vue-2.5.17.tgz#0f8789ad718be68ca1872629832ed533589c6ada"
+  integrity sha512-mFbcWoDIJi0w0Za4emyLiW72Jae0yjANHbCVquMKijcavBGypqlF7zHRgMa5k4sesdv7hv2rB4JPdZfR+TPfhQ==
 
 vuex@^3.0.1:
   version "3.0.1"

From 9b4fd8ed68675d8e8a8f13496d1a0f110825899d Mon Sep 17 00:00:00 2001
From: Grzegorz Leoniec <greg@app-interactive.de>
Date: Fri, 16 Nov 2018 12:34:09 +0100
Subject: [PATCH 2/9] added integration testing, starting with basic
 authentication testing

---
 cypress.json                            |  1 +
 cypress/fixtures/example.json           |  5 ++
 cypress/integration/login/login.spec.js | 73 +++++++++++++++++++++++++
 cypress/plugins/index.js                | 17 ++++++
 cypress/support/commands.js             | 25 +++++++++
 cypress/support/index.js                | 20 +++++++
 6 files changed, 141 insertions(+)
 create mode 100644 cypress.json
 create mode 100644 cypress/fixtures/example.json
 create mode 100644 cypress/integration/login/login.spec.js
 create mode 100644 cypress/plugins/index.js
 create mode 100644 cypress/support/commands.js
 create mode 100644 cypress/support/index.js

diff --git a/cypress.json b/cypress.json
new file mode 100644
index 000000000..0967ef424
--- /dev/null
+++ b/cypress.json
@@ -0,0 +1 @@
+{}
diff --git a/cypress/fixtures/example.json b/cypress/fixtures/example.json
new file mode 100644
index 000000000..da18d9352
--- /dev/null
+++ b/cypress/fixtures/example.json
@@ -0,0 +1,5 @@
+{
+  "name": "Using fixtures to represent data",
+  "email": "hello@cypress.io",
+  "body": "Fixtures are a great way to mock data for responses to routes"
+}
\ No newline at end of file
diff --git a/cypress/integration/login/login.spec.js b/cypress/integration/login/login.spec.js
new file mode 100644
index 000000000..33054bb7d
--- /dev/null
+++ b/cypress/integration/login/login.spec.js
@@ -0,0 +1,73 @@
+/// <reference types="Cypress" />
+
+const loginTestUser = function () {
+  // Visiting our app before each test removes any state build up from
+  cy.visit('http://localhost:3000/')
+    .get('.layout-blank')
+    .should('be.visible')
+
+  cy.location('pathname')
+    .should('contain', '/login')
+
+  cy.get('input[name=email]')
+    .as('inputEmail')
+    .should('be.empty')
+    .and('have.attr', 'placeholder', 'Deine E-Mail')
+    .trigger('focus')
+    .type('user@example.org')
+
+  cy.get('input[name=password]')
+    .as('inputPassword')
+    .should('be.empty')
+    // .and('have.attr', 'placeholder', 'Dein Passwort')
+    .trigger('focus')
+    .type('1234')
+
+  cy.get('button[name=submit]')
+    .as('submitButton')
+    .should('be.visible')
+    .and('not.be.disabled')
+    .click()
+
+  cy.get('@submitButton')
+    .should('be.disabled')
+    // .next('.snackbar')
+
+  cy.get('.layout-default')
+
+  cy.location('pathname')
+    .should('eq', '/')
+}
+
+const logout = function () {
+  cy.visit('http://localhost:3000/logout')
+
+  cy.location('pathname')
+    .should('contain', '/login')
+
+  cy.get('.layout-blank')
+    .should('be.visible')
+}
+
+context('Authentication', () => {
+  it('Login Testuser', loginTestUser)
+
+  it('Login & Logout', function () {
+    // login
+    loginTestUser()
+
+    // logout
+    logout()
+  })
+
+  it('Still logged in after page-reload', function () {
+    // login
+    loginTestUser()
+
+    cy.reload()
+      .get('.layout-default')
+
+    // logout
+    // logout()
+  })
+})
diff --git a/cypress/plugins/index.js b/cypress/plugins/index.js
new file mode 100644
index 000000000..fd170fba6
--- /dev/null
+++ b/cypress/plugins/index.js
@@ -0,0 +1,17 @@
+// ***********************************************************
+// This example plugins/index.js can be used to load plugins
+//
+// You can change the location of this file or turn off loading
+// the plugins file with the 'pluginsFile' configuration option.
+//
+// You can read more here:
+// https://on.cypress.io/plugins-guide
+// ***********************************************************
+
+// This function is called when a project is opened or re-opened (e.g. due to
+// the project's config changing)
+
+module.exports = (on, config) => {
+  // `on` is used to hook into various events Cypress emits
+  // `config` is the resolved Cypress config
+}
diff --git a/cypress/support/commands.js b/cypress/support/commands.js
new file mode 100644
index 000000000..c1f5a772e
--- /dev/null
+++ b/cypress/support/commands.js
@@ -0,0 +1,25 @@
+// ***********************************************
+// This example commands.js shows you how to
+// create various custom commands and overwrite
+// existing commands.
+//
+// For more comprehensive examples of custom
+// commands please read more here:
+// https://on.cypress.io/custom-commands
+// ***********************************************
+//
+//
+// -- This is a parent command --
+// Cypress.Commands.add("login", (email, password) => { ... })
+//
+//
+// -- This is a child command --
+// Cypress.Commands.add("drag", { prevSubject: 'element'}, (subject, options) => { ... })
+//
+//
+// -- This is a dual command --
+// Cypress.Commands.add("dismiss", { prevSubject: 'optional'}, (subject, options) => { ... })
+//
+//
+// -- This is will overwrite an existing command --
+// Cypress.Commands.overwrite("visit", (originalFn, url, options) => { ... })
diff --git a/cypress/support/index.js b/cypress/support/index.js
new file mode 100644
index 000000000..d68db96df
--- /dev/null
+++ b/cypress/support/index.js
@@ -0,0 +1,20 @@
+// ***********************************************************
+// This example support/index.js is processed and
+// loaded automatically before your test files.
+//
+// This is a great place to put global configuration and
+// behavior that modifies Cypress.
+//
+// You can change the location of this file or turn off
+// automatically serving support files with the
+// 'supportFile' configuration option.
+//
+// You can read more here:
+// https://on.cypress.io/configuration
+// ***********************************************************
+
+// Import commands.js using ES2015 syntax:
+import './commands'
+
+// Alternatively you can use CommonJS syntax:
+// require('./commands')

From 6c7353bb216a81641c9cb3d623a7e082ea066c94 Mon Sep 17 00:00:00 2001
From: Grzegorz Leoniec <greg@app-interactive.de>
Date: Fri, 16 Nov 2018 12:51:48 +0100
Subject: [PATCH 3/9] ignore cypress video

---
 .gitignore | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/.gitignore b/.gitignore
index d2abe8e9b..72ddbc7d4 100644
--- a/.gitignore
+++ b/.gitignore
@@ -82,3 +82,5 @@ dist
 
 # TEMORIRY
 static/uploads
+
+cypress/videos

From eb29311cbb28403b740ada5a59db0bb79837bac9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Robert=20Sch=C3=A4fer?= <git@roschaefer.de>
Date: Tue, 4 Dec 2018 00:56:30 +0100
Subject: [PATCH 4/9] Copy+paste deployment configuration from backend

See these commits:
5eae8a89785798519aec66fb708389f6e5ea0327
1b8edc22ff8b900c45486b815a8c9d4465e7edb7
---
 .travis.yml       | 16 ++++++++++++++++
 scripts/deploy.sh |  4 ++++
 2 files changed, 20 insertions(+)
 create mode 100755 scripts/deploy.sh

diff --git a/.travis.yml b/.travis.yml
index da827f262..bbd211c18 100644
--- a/.travis.yml
+++ b/.travis.yml
@@ -28,3 +28,19 @@ after_failure:
   - wget https://raw.githubusercontent.com/DiscordHooks/travis-ci-discord-webhook/master/send.sh
   - chmod +x send.sh
   - ./send.sh failure $WEBHOOK_URL
+
+deploy:
+  - provider: script
+    script: scripts/deploy.sh nitro.human-connection.org
+    on:
+      branch: master
+      tags: true
+  - provider: script
+    script: scripts/deploy.sh nitro-staging.human-connection.org
+    on:
+      branch: master
+  - provider: script
+    script: scripts/deploy.sh "nitro-$(git rev-parse --short HEAD).human-connection.org"
+    on:
+      tags: true
+      all_branches: true
diff --git a/scripts/deploy.sh b/scripts/deploy.sh
new file mode 100755
index 000000000..b66b63a77
--- /dev/null
+++ b/scripts/deploy.sh
@@ -0,0 +1,4 @@
+#!/bin/bash
+
+echo "See me deployed at $1 :)"
+

From 05dcfab27ae0f72fad0256cd5881c3efc192355f Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <support@dependabot.com>
Date: Tue, 4 Dec 2018 04:36:22 +0000
Subject: [PATCH 5/9] Bump eslint-plugin-vue from 4.7.1 to 5.0.0

Bumps [eslint-plugin-vue](https://github.com/vuejs/eslint-plugin-vue) from 4.7.1 to 5.0.0.
- [Release notes](https://github.com/vuejs/eslint-plugin-vue/releases)
- [Commits](https://github.com/vuejs/eslint-plugin-vue/compare/v4.7.1...v5.0.0)

Signed-off-by: dependabot[bot] <support@dependabot.com>
---
 package.json |  2 +-
 yarn.lock    | 62 ++++++++++++++--------------------------------------
 2 files changed, 18 insertions(+), 46 deletions(-)

diff --git a/package.json b/package.json
index ce7e25f4d..07e97795c 100644
--- a/package.json
+++ b/package.json
@@ -58,7 +58,7 @@
     "eslint-config-prettier": "^3.1.0",
     "eslint-loader": "^2.0.0",
     "eslint-plugin-prettier": "3.0.0",
-    "eslint-plugin-vue": "^4.0.0",
+    "eslint-plugin-vue": "^5.0.0",
     "jest": "^23.6.0",
     "node-sass": "^4.9.3",
     "nodemon": "^1.11.0",
diff --git a/yarn.lock b/yarn.lock
index c7867ef37..26b3e9c4c 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1359,13 +1359,6 @@ acorn-globals@^4.1.0:
     acorn "^6.0.1"
     acorn-walk "^6.0.1"
 
-acorn-jsx@^3.0.0:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-3.0.1.tgz#afdf9488fb1ecefc8348f6fb22f464e32a58b36b"
-  integrity sha1-r9+UiPsezvyDSPb7IvRk4ypYs2s=
-  dependencies:
-    acorn "^3.0.4"
-
 acorn-jsx@^5.0.0:
   version "5.0.1"
   resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.0.1.tgz#32a064fd925429216a09b141102bfdd185fae40e"
@@ -1376,12 +1369,7 @@ acorn-walk@^6.0.1:
   resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-6.1.1.tgz#d363b66f5fac5f018ff9c3a1e7b6f8e310cc3913"
   integrity sha512-OtUw6JUTgxA2QoqqmrmQ7F2NYqiBPi/L2jqHyFtllhOUvXYQXf0Z1CYUinIfyT4bTCGmrA7gX9FvHA81uzCoVw==
 
-acorn@^3.0.4:
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/acorn/-/acorn-3.3.0.tgz#45e37fb39e8da3f25baee3ff5369e2bb5f22017a"
-  integrity sha1-ReN/s56No/JbruP/U2niu18iAXo=
-
-acorn@^5.0.0, acorn@^5.5.0, acorn@^5.5.3, acorn@^5.6.2, acorn@^5.7.3:
+acorn@^5.0.0, acorn@^5.5.3, acorn@^5.6.2, acorn@^5.7.3:
   version "5.7.3"
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-5.7.3.tgz#67aa231bf8812974b85235a96771eb6bd07ea279"
   integrity sha512-T/zvzYRfbVojPWahDsE5evJdHb3oJoQfFbsrKM7w5Zcs++Tr257tia3BmMP8XYVjp1S9RZXQMh7gao96BlqZOw==
@@ -4213,12 +4201,12 @@ eslint-plugin-prettier@3.0.0, eslint-plugin-prettier@^3.0.0:
   dependencies:
     prettier-linter-helpers "^1.0.0"
 
-eslint-plugin-vue@^4.0.0:
-  version "4.7.1"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-vue/-/eslint-plugin-vue-4.7.1.tgz#c829b9fc62582c1897b5a0b94afd44ecca511e63"
-  integrity sha512-esETKhVMI7Vdli70Wt4bvAwnZBJeM0pxVX9Yb0wWKxdCJc2EADalVYK/q2FzMw8oKN0wPMdqVCKS8kmR89recA==
+eslint-plugin-vue@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-vue/-/eslint-plugin-vue-5.0.0.tgz#4a2cc1c0e71ea45e1bd9c1a60f925bfe68bb5710"
+  integrity sha512-mSv2Ebz3RaPP+XJO/mu7F+SdR9lrMyGISSExnarLFqqf3pF5wTmwWNrhHW1o9zKzKI811UVTIIkWJJvgO6SsUQ==
   dependencies:
-    vue-eslint-parser "^2.0.3"
+    vue-eslint-parser "^4.0.2"
 
 eslint-scope@3.7.1:
   version "3.7.1"
@@ -4228,14 +4216,6 @@ eslint-scope@3.7.1:
     esrecurse "^4.1.0"
     estraverse "^4.1.1"
 
-eslint-scope@^3.7.1:
-  version "3.7.3"
-  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-3.7.3.tgz#bb507200d3d17f60247636160b4826284b108535"
-  integrity sha512-W+B0SvF4gamyCTmUc+uITPY0989iXVfKvhwtmJocTaYoc/3khEHmEmvfY/Gn9HA9VV75jrQECsHizkNw1b68FA==
-  dependencies:
-    esrecurse "^4.1.0"
-    estraverse "^4.1.1"
-
 eslint-scope@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-4.0.0.tgz#50bf3071e9338bcdc43331794a0cb533f0136172"
@@ -4303,15 +4283,7 @@ esm@^3.0.84:
   resolved "https://registry.yarnpkg.com/esm/-/esm-3.0.84.tgz#bb108989f4673b32d4f62406869c28eed3815a63"
   integrity sha512-SzSGoZc17S7P+12R9cg21Bdb7eybX25RnIeRZ80xZs+VZ3kdQKzqTp2k4hZJjR7p9l0186TTXSgrxzlMDBktlw==
 
-espree@^3.5.2:
-  version "3.5.4"
-  resolved "https://registry.yarnpkg.com/espree/-/espree-3.5.4.tgz#b0f447187c8a8bed944b815a660bddf5deb5d1a7"
-  integrity sha512-yAcIQxtmMiB/jL32dzEp2enBeidsB7xWPLNiw3IIkpVds1P+h7qF9YwJq1yUNzp2OKXgAprs4F61ih66UsoD1A==
-  dependencies:
-    acorn "^5.5.0"
-    acorn-jsx "^3.0.0"
-
-espree@^4.0.0:
+espree@^4.0.0, espree@^4.1.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/espree/-/espree-4.1.0.tgz#728d5451e0fd156c04384a7ad89ed51ff54eb25f"
   integrity sha512-I5BycZW6FCVIub93TeVY1s7vjhP9CY6cXCznIRfiig7nRviKZYdRnj/sHEWC6A7WE9RDWOFq9+7OsWSYz8qv2w==
@@ -4330,7 +4302,7 @@ esprima@^4.0.0:
   resolved "https://registry.yarnpkg.com/esprima/-/esprima-4.0.1.tgz#13b04cdb3e6c5d19df91ab6987a8695619b0aa71"
   integrity sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==
 
-esquery@^1.0.0, esquery@^1.0.1:
+esquery@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/esquery/-/esquery-1.0.1.tgz#406c51658b1f5991a5f9b62b1dc25b00e3e5c708"
   integrity sha512-SmiyZ5zIWH9VM+SRUReLS5Q8a7GxtRdxEBVZpm98rJM7Sb+A9DVCndXfkeFUd3byderg+EbDkfnevfCwynWaNA==
@@ -10536,17 +10508,17 @@ vue-count-to@^1.0.13:
   resolved "https://registry.yarnpkg.com/vue-count-to/-/vue-count-to-1.0.13.tgz#3e7573ea6e64c2b2972f64e0a2ab2e23c7590ff3"
   integrity sha512-6R4OVBVNtQTlcbXu6SJ8ENR35M2/CdWt3Jmv57jOUM+1ojiFmjVGvZPH8DfHpMDSA+ITs+EW5V6qthADxeyYOQ==
 
-vue-eslint-parser@^2.0.3:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/vue-eslint-parser/-/vue-eslint-parser-2.0.3.tgz#c268c96c6d94cfe3d938a5f7593959b0ca3360d1"
-  integrity sha512-ZezcU71Owm84xVF6gfurBQUGg8WQ+WZGxgDEQu1IHFBZNx7BFZg3L1yHxrCBNNwbwFtE1GuvfJKMtb6Xuwc/Bw==
+vue-eslint-parser@^4.0.2:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/vue-eslint-parser/-/vue-eslint-parser-4.0.2.tgz#7d10ec5b67d9b2ef240cac0f0e8b2f03773d810e"
+  integrity sha512-A+teFdsAVtVawd4rtLsv8q6uuj2MYt3Uw+GCodqEkjozB3g20G91hbukz60yWa9IUx/yFz+JzKBu/3Djkod36g==
   dependencies:
-    debug "^3.1.0"
-    eslint-scope "^3.7.1"
+    debug "^4.1.0"
+    eslint-scope "^4.0.0"
     eslint-visitor-keys "^1.0.0"
-    espree "^3.5.2"
-    esquery "^1.0.0"
-    lodash "^4.17.4"
+    espree "^4.1.0"
+    esquery "^1.0.1"
+    lodash "^4.17.11"
 
 vue-hot-reload-api@^2.3.0:
   version "2.3.1"

From 56ed20f3bf7b57d2011d85873522b6967ad9e98f Mon Sep 17 00:00:00 2001
From: JB <jb@visualjerk.de>
Date: Tue, 4 Dec 2018 22:02:15 +0100
Subject: [PATCH 6/9] Use kebab-case for components in templates

---
 .eslintrc.js                   |   3 +-
 components/Author.vue          |  44 ++++++++-----
 components/Badges.vue          |   9 ++-
 components/CountTo.vue         |   3 +-
 components/FollowButton.vue    |   5 +-
 components/LoadMore.vue        |   6 +-
 components/Logo.vue            |   8 +--
 components/PostCard.vue        |  12 ++--
 components/ShoutButton.vue     |  11 +++-
 layouts/blank.vue              |   2 +-
 layouts/default.vue            |  24 ++++---
 pages/admin.vue                |   3 +-
 pages/admin/index.vue          |  54 ++++++++++------
 pages/index.vue                |   9 ++-
 pages/login.vue                |  37 +++++++----
 pages/logout.vue               |  17 +++--
 pages/post/_slug.vue           |   3 +-
 pages/post/_slug/index.vue     |  47 +++++++++-----
 pages/post/_slug/more-info.vue |  25 +++++---
 pages/profile/_slug.vue        | 110 ++++++++++++++++++++++-----------
 pages/settings.vue             |   3 +-
 21 files changed, 294 insertions(+), 141 deletions(-)

diff --git a/.eslintrc.js b/.eslintrc.js
index 25a4edfe4..fdc9bfb5e 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -19,6 +19,7 @@ module.exports = {
   // add your custom rules here
   rules: {
     'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
-    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
+    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+    'vue/component-name-in-template-casing': ['error', 'kebab-case']
   }
 }
diff --git a/components/Author.vue b/components/Author.vue
index f307bc19b..53379afa8 100644
--- a/components/Author.vue
+++ b/components/Author.vue
@@ -5,29 +5,36 @@
     :open-group="Math.random().toString()"
     placement="top-start"
     trigger="manual"
-    offset="0">
+    offset="0"
+  >
     <a
       v-router-link
       :href="author.slug ? $router.resolve({ name: 'profile-slug', params: { slug: author.slug } }).href : null"
       style="white-space: nowrap; display: flex; align-items: center;"
       @mouseover="popoverMouseEnter"
-      @mouseleave="popoveMouseLeave">
+      @mouseleave="popoveMouseLeave"
+    >
       <div style="display: inline-block; float: left; margin-right: 4px;  height: 100%; vertical-align: middle;">
         <ds-avatar
           :image="author.avatar"
           :name="author.name"
           style="display: inline-block; vertical-align: middle;"
-          size="32px" />
+          size="32px"
+        />
       </div>
       <div style="display: inline-block; height: 100%; vertical-align: middle;">
         <b
           class="username"
-          style="vertical-align: middle;">{{ author.name | truncate(trunc, 18) }}</b>
+          style="vertical-align: middle;"
+        >
+          {{ author.name | truncate(trunc, 18) }}
+        </b>
         <template v-if="post.createdAt">
           <br>
           <ds-text
             size="small"
-            color="soft">
+            color="soft"
+          >
             {{ post.createdAt | dateTime('dd. MMMM yyyy HH:mm') }}
           </ds-text>
         </template>
@@ -37,7 +44,8 @@
       slot="popover"
       style="min-width: 250px;"
       @mouseover="popoverMouseEnter"
-      @mouseleave="popoveMouseLeave">
+      @mouseleave="popoveMouseLeave"
+    >
       <!--<ds-avatar
         :image="author.avatar"
         :name="author.name || 'Anonymus'"
@@ -46,28 +54,32 @@
       <hc-badges
         v-if="author.badges && author.badges.length"
         :badges="author.badges"
-        style="margin-bottom: -10px" />
+        style="margin-bottom: -10px"
+      />
       <ds-flex>
         <ds-flex-item class="ds-tab-nav-item">
           <ds-space margin="small">
             <ds-number
               :count="fanCount"
               label="Folgen"
-              size="x-large" />
+              size="x-large"
+            />
           </ds-space>
         </ds-flex-item>
         <ds-flex-item class="ds-tab-nav-item ds-tab-nav-item-active">
           <ds-space margin="small">
             <ds-number
               :count="author.contributionsCount"
-              label="Beiträge" />
+              label="Beiträge"
+            />
           </ds-space>
         </ds-flex-item>
         <ds-flex-item class="ds-tab-nav-item">
           <ds-space margin="small">
             <ds-number
               :count="author.commentsCount"
-              label="Kommentare" />
+              label="Kommentare"
+            />
           </ds-space>
         </ds-flex-item>
       </ds-flex>
@@ -79,15 +91,17 @@
       <ds-flex
         v-if="!itsMe"
         gutter="x-small"
-        style="margin-bottom: 0;">
+        style="margin-bottom: 0;"
+      >
         <ds-flex-item :width="{base: 3}">
           <hc-follow-button
             :follow-id="author.id"
-            @update="voted = true" />
+            @update="voted = true"
+          />
         </ds-flex-item>
-        <ds-flex-item :width="{base: 1}" >
+        <ds-flex-item :width="{base: 1}">
           <ds-button full-width>
-            <ds-icon name="user-times"/>
+            <ds-icon name="user-times" />
           </ds-button>
         </ds-flex-item>
       </ds-flex>
@@ -98,7 +112,6 @@
 
 <script>
 import HcFollowButton from '~/components/FollowButton.vue'
-import HcCountTo from '~/components/CountTo.vue'
 import HcBadges from '~/components/Badges.vue'
 
 let mouseEnterTimer = null
@@ -108,7 +121,6 @@ export default {
   name: 'HcAuthor',
   components: {
     HcFollowButton,
-    HcCountTo,
     HcBadges
   },
   props: {
diff --git a/components/Badges.vue b/components/Badges.vue
index 7ffe9baa7..d0cb30e91 100644
--- a/components/Badges.vue
+++ b/components/Badges.vue
@@ -3,15 +3,18 @@
     :class="[
       (badges.length === 2) && 'hc-badges-dual'
     ]"
-    class="hc-badges">
+    class="hc-badges"
+  >
     <div
       v-for="badge in badges"
       :key="badge.key"
-      class="hc-badge-container">
+      class="hc-badge-container"
+    >
       <img
         :title="badge.key"
         :src="badge.icon"
-        class="hc-badge" >
+        class="hc-badge"
+      >
     </div>
   </div>
 </template>
diff --git a/components/CountTo.vue b/components/CountTo.vue
index 8e68a906d..bf828608d 100644
--- a/components/CountTo.vue
+++ b/components/CountTo.vue
@@ -2,7 +2,8 @@
   <span>
     <no-ssr
       placeholder="0"
-      tag="span">
+      tag="span"
+    >
       <count-to
         :start-val="startVal"
         :end-val="endVal"
diff --git a/components/FollowButton.vue b/components/FollowButton.vue
index 790a86d12..04818dc94 100644
--- a/components/FollowButton.vue
+++ b/components/FollowButton.vue
@@ -5,7 +5,10 @@
     icon="plus"
     primary
     full-width
-    @click.prevent="follow">Folgen</ds-button>
+    @click.prevent="follow"
+  >
+    Folgen
+  </ds-button>
 </template>
 
 <script>
diff --git a/components/LoadMore.vue b/components/LoadMore.vue
index e905925a7..5bec2684a 100644
--- a/components/LoadMore.vue
+++ b/components/LoadMore.vue
@@ -1,12 +1,14 @@
 <template>
   <ds-space
     margin-top="large"
-    style="text-align: center">
+    style="text-align: center"
+  >
     <ds-button
       :icon="loading ? 'spinner' : 'arrow-down'"
       :disabled="loading"
       ghost
-      @click="$emit('click')">
+      @click="$emit('click')"
+    >
       mehr laden
     </ds-button>
   </ds-space>
diff --git a/components/Logo.vue b/components/Logo.vue
index f02dd127c..6c7285417 100644
--- a/components/Logo.vue
+++ b/components/Logo.vue
@@ -1,9 +1,9 @@
 <template>
   <div class="VueToNuxtLogo">
-    <div class="Triangle Triangle--two"/>
-    <div class="Triangle Triangle--one"/>
-    <div class="Triangle Triangle--three"/>
-    <div class="Triangle Triangle--four"/>
+    <div class="Triangle Triangle--two" />
+    <div class="Triangle Triangle--one" />
+    <div class="Triangle Triangle--three" />
+    <div class="Triangle Triangle--four" />
   </div>
 </template>
 
diff --git a/components/PostCard.vue b/components/PostCard.vue
index 59f19d1f2..2ee7665f8 100644
--- a/components/PostCard.vue
+++ b/components/PostCard.vue
@@ -6,21 +6,25 @@
     <ds-card
       :header="post.title"
       :image="post.image"
-      style="cursor: pointer; position: relative;">
+      style="cursor: pointer; position: relative;"
+    >
       <ds-space margin-bottom="large">
         <div
           class="hc-editor-content"
-          v-html="excerpt" />
+          v-html="excerpt"
+        />
       </ds-space>
       <ds-space
         margin="small"
-        style="position: absolute; bottom: 44px;">
+        style="position: absolute; bottom: 44px;"
+      >
         <!-- TODO: find better solution for rendering errors -->
         <no-ssr>
           <hc-author
             :post="post"
             :trunc="35"
-            :show-author-popover="showAuthorPopover" />
+            :show-author-popover="showAuthorPopover"
+          />
         </no-ssr>
       </ds-space>
       <template slot="footer">
diff --git a/components/ShoutButton.vue b/components/ShoutButton.vue
index 84de685f1..9f00a6566 100644
--- a/components/ShoutButton.vue
+++ b/components/ShoutButton.vue
@@ -1,18 +1,23 @@
 <template>
   <ds-space
     margin="large"
-    style="text-align: center">
+    style="text-align: center"
+  >
     <ds-button
       :disabled="disabled || loading"
       danger
       size="x-large"
       icon="heart"
-      @click="shout" />
+      @click="shout"
+    />
     <ds-space margin-bottom="xx-small" />
     <ds-text color="soft">
       <ds-heading
         style="display: inline"
-        tag="h3">{{ shoutedCount }}x</ds-heading> Empfohlen
+        tag="h3"
+      >
+        {{ shoutedCount }}x
+      </ds-heading> Empfohlen
     </ds-text>
   </ds-space>
 </template>
diff --git a/layouts/blank.vue b/layouts/blank.vue
index a8fa6eaa9..827b1aaf7 100644
--- a/layouts/blank.vue
+++ b/layouts/blank.vue
@@ -2,7 +2,7 @@
   <div class="layout-blank">
     <ds-container>
       <div style="padding: 5rem 2rem;">
-        <nuxt/>
+        <nuxt />
       </div>
     </ds-container>
   </div>
diff --git a/layouts/default.vue b/layouts/default.vue
index 59f3ca73c..8a34f66ba 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -4,7 +4,8 @@
       <ds-container style="padding: .5rem 3rem .2rem;">
         <a
           v-router-link
-          href="/">
+          href="/"
+        >
           <ds-logo />
         </a>
         <template v-if="isLoggedIn">
@@ -15,26 +16,33 @@
               placement="bottom-end"
               trigger="manual"
               offset="10"
-              style="float: right">
+              style="float: right"
+            >
               <a
                 :href="$router.resolve({name: 'profile-slug', params: {slug: user.slug}}).href"
-                @click.prevent="toggleMenu()">
+                @click.prevent="toggleMenu()"
+              >
                 <ds-avatar
                   :image="user.avatar"
                   :name="user.name"
-                  size="42" />
+                  size="42"
+                />
               </a>
               <div
                 slot="popover"
                 style="padding-top: .5rem; padding-bottom: .5rem;"
                 @mouseover="popoverMouseEnter"
-                @mouseleave="popoveMouseLeave">
+                @mouseleave="popoveMouseLeave"
+              >
                 Hallo {{ user.name }}
                 <ds-menu
                   :routes="routes"
-                  style="margin-left: -15px; margin-right: -15px; padding-top: 1rem; padding-bottom: 1rem;"/>
+                  style="margin-left: -15px; margin-right: -15px; padding-top: 1rem; padding-bottom: 1rem;"
+                />
                 <ds-space margin="xx-small" />
-                <nuxt-link :to="{ name: 'logout'}">Logout</nuxt-link>
+                <nuxt-link :to="{ name: 'logout'}">
+                  Logout
+                </nuxt-link>
               </div>
             </v-popover>
           </no-ssr>
@@ -43,7 +51,7 @@
     </div>
     <ds-container>
       <div style="padding: 6rem 2rem 5rem;">
-        <nuxt/>
+        <nuxt />
       </div>
     </ds-container>
   </div>
diff --git a/pages/admin.vue b/pages/admin.vue
index 13f4b6705..6ce9ca5a1 100644
--- a/pages/admin.vue
+++ b/pages/admin.vue
@@ -10,7 +10,8 @@
       <ds-flex-item>
         <transition
           name="slide-up"
-          appear>
+          appear
+        >
           <nuxt-child />
         </transition>
       </ds-flex-item>
diff --git a/pages/admin/index.vue b/pages/admin/index.vue
index 995b438c1..ac9acf648 100644
--- a/pages/admin/index.vue
+++ b/pages/admin/index.vue
@@ -9,11 +9,13 @@
                 :count="0"
                 label="Users"
                 size="x-large"
-                uppercase>
+                uppercase
+              >
                 <no-ssr slot="count">
                   <hc-count-to
                     :start-val="statisticsBefore.countUsers || 0"
-                    :end-val="statistics.countUsers || 0" />
+                    :end-val="statistics.countUsers || 0"
+                  />
                 </no-ssr>
               </ds-number>
             </ds-space>
@@ -24,11 +26,13 @@
                 :count="0"
                 label="Posts"
                 size="x-large"
-                uppercase>
+                uppercase
+              >
                 <no-ssr slot="count">
                   <hc-count-to
                     :start-val="statisticsBefore.countPosts || 0"
-                    :end-val="statistics.countPosts || 0" />
+                    :end-val="statistics.countPosts || 0"
+                  />
                 </no-ssr>
               </ds-number>
             </ds-space>
@@ -39,11 +43,13 @@
                 :count="0"
                 label="Comments"
                 size="x-large"
-                uppercase>
+                uppercase
+              >
                 <no-ssr slot="count">
                   <hc-count-to
                     :start-val="statisticsBefore.countComments || 0"
-                    :end-val="statistics.countComments || 0" />
+                    :end-val="statistics.countComments || 0"
+                  />
                 </no-ssr>
               </ds-number>
             </ds-space>
@@ -54,11 +60,13 @@
                 :count="0"
                 label="Notifications"
                 size="x-large"
-                uppercase>
+                uppercase
+              >
                 <no-ssr slot="count">
                   <hc-count-to
                     :start-val="statisticsBefore.countNotifications || 0"
-                    :end-val="statistics.countNotifications || 0" />
+                    :end-val="statistics.countNotifications || 0"
+                  />
                 </no-ssr>
               </ds-number>
             </ds-space>
@@ -69,11 +77,13 @@
                 :count="0"
                 label="Organization"
                 size="x-large"
-                uppercase>
+                uppercase
+              >
                 <no-ssr slot="count">
                   <hc-count-to
                     :start-val="statisticsBefore.countOrganizations || 0"
-                    :end-val="statistics.countOrganizations || 0" />
+                    :end-val="statistics.countOrganizations || 0"
+                  />
                 </no-ssr>
               </ds-number>
             </ds-space>
@@ -84,11 +94,13 @@
                 :count="0"
                 label="Projects"
                 size="x-large"
-                uppercase>
+                uppercase
+              >
                 <no-ssr slot="count">
                   <hc-count-to
                     :start-val="statisticsBefore.countProjects || 0"
-                    :end-val="statistics.countProjects || 0" />
+                    :end-val="statistics.countProjects || 0"
+                  />
                 </no-ssr>
               </ds-number>
             </ds-space>
@@ -99,11 +111,13 @@
                 :count="0"
                 label="Open Invites"
                 size="x-large"
-                uppercase>
+                uppercase
+              >
                 <no-ssr slot="count">
                   <hc-count-to
                     :start-val="statisticsBefore.countInvites || 0"
-                    :end-val="statistics.countInvites || 0" />
+                    :end-val="statistics.countInvites || 0"
+                  />
                 </no-ssr>
               </ds-number>
             </ds-space>
@@ -114,11 +128,13 @@
                 :count="0"
                 label="Follows"
                 size="x-large"
-                uppercase>
+                uppercase
+              >
                 <no-ssr slot="count">
                   <hc-count-to
                     :start-val="statisticsBefore.countFollows || 0"
-                    :end-val="statistics.countFollows || 0" />
+                    :end-val="statistics.countFollows || 0"
+                  />
                 </no-ssr>
               </ds-number>
             </ds-space>
@@ -129,11 +145,13 @@
                 :count="0"
                 label="Shouts"
                 size="x-large"
-                uppercase>
+                uppercase
+              >
                 <no-ssr slot="count">
                   <hc-count-to
                     :start-val="statisticsBefore.countShouts || 0"
-                    :end-val="statistics.countShouts || 0" />
+                    :end-val="statistics.countShouts || 0"
+                  />
                 </no-ssr>
               </ds-number>
             </ds-space>
diff --git a/pages/index.vue b/pages/index.vue
index 0a68ff8e9..77e69c780 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -3,18 +3,21 @@
     <ds-flex
       v-if="Post && Post.length"
       :width="{ base: '100%' }"
-      gutter="base">
+      gutter="base"
+    >
       <ds-flex-item
         v-for="post in uniq(Post)"
+        :key="post.id"
         :width="{ base: '100%', xs: '100%', md: '50%', xl: '33%' }"
-        :key="post.id">
+      >
         <hc-post-card :post="post" />
       </ds-flex-item>
     </ds-flex>
     <hc-load-more
       v-if="true"
       :loading="$apollo.loading"
-      @click="showMoreContributions" />
+      @click="showMoreContributions"
+    />
   </div>
 </template>
 
diff --git a/pages/login.vue b/pages/login.vue
index 9084163f2..1a0a268ab 100644
--- a/pages/login.vue
+++ b/pages/login.vue
@@ -12,50 +12,63 @@
       <ds-flex gutter="small">
         <ds-flex-item
           :width="{ base: '100%', sm: '50%' }"
-          center>
+          center
+        >
           <ds-space
             margin-top="small"
             margin-bottom="xxx-small"
-            center>
+            center
+          >
             <img
               class="login-image"
               src="/img/sign-up/humanconnection.svg"
-              alt="Human Connection">
+              alt="Human Connection"
+            >
           </ds-space>
         </ds-flex-item>
         <ds-flex-item
           :width="{ base: '100%', sm: '50%' }"
-          center>
+          center
+        >
           <ds-space margin="small">
-            <ds-text size="small">Wenn Du ein Konto bei Human Connection hast, melde Dich bitte hier an.</ds-text>
+            <ds-text size="small">
+              Wenn Du ein Konto bei Human Connection hast, melde Dich bitte hier an.
+            </ds-text>
           </ds-space>
           <form
             :disabled="pending"
-            @submit.prevent="onSubmit">
+            @submit.prevent="onSubmit"
+          >
             <ds-input
-              :disabled="pending"
               v-model="form.email"
+              :disabled="pending"
               placeholder="Deine E-Mail"
               type="email"
-              icon="envelope"/>
+              icon="envelope"
+            />
             <ds-input
-              :disabled="pending"
               v-model="form.password"
+              :disabled="pending"
               placeholder="Dein Password"
               icon="lock"
               icon-right="question-circle"
-              type="password"/>
+              type="password"
+            />
             <ds-button
               :loading="pending"
               primary
-              full-width>
+              full-width
+            >
               Anmelden
             </ds-button>
             <ds-space margin="x-small">
               <a
                 href="https://human-connection.org"
                 title="zur Präsentationsseite"
-                target="_blank">Was ist Human Connection?</a>
+                target="_blank"
+              >
+                Was ist Human Connection?
+              </a>
             </ds-space>
           </form>
         </ds-flex-item>
diff --git a/pages/logout.vue b/pages/logout.vue
index 7927be45f..483e28270 100644
--- a/pages/logout.vue
+++ b/pages/logout.vue
@@ -3,25 +3,32 @@
     <ds-flex>
       <ds-flex-item
         :width="{ base: '100%' }"
-        center>
+        center
+      >
         <ds-space
           style="text-align: center;"
           margin-top="large"
           margin-bottom="xxx-small"
-          center>
+          center
+        >
           <img
             style="width: 200px;"
             src="/img/sign-up/onourjourney.png"
-            alt="Human Connection">
+            alt="Human Connection"
+          >
         </ds-space>
         <ds-space
           style="text-align: center;"
           margin-top="small"
           margin-bottom="xxx-small"
-          center>
+          center
+        >
           <ds-heading
             tag="h3"
-            soft>Logging out...</ds-heading>
+            soft
+          >
+            Logging out...
+          </ds-heading>
         </ds-space>
       </ds-flex-item>
     </ds-flex>
diff --git a/pages/post/_slug.vue b/pages/post/_slug.vue
index c3022b8a3..b3e6e2ea8 100644
--- a/pages/post/_slug.vue
+++ b/pages/post/_slug.vue
@@ -4,7 +4,8 @@
       <ds-flex-item>
         <transition
           name="slide-up"
-          appear>
+          appear
+        >
           <nuxt-child />
         </transition>
       </ds-flex-item>
diff --git a/pages/post/_slug/index.vue b/pages/post/_slug/index.vue
index fbb185c9e..240815eb9 100644
--- a/pages/post/_slug/index.vue
+++ b/pages/post/_slug/index.vue
@@ -3,38 +3,48 @@
     v-if="post"
     :image="post.image"
     :header="post.title"
-    class="post-card">
+    class="post-card"
+  >
     <hc-author :post="post" />
     <ds-space margin-bottom="small" />
     <!-- Content -->
     <div
       class="content hc-editor-content"
-      v-html="post.content" />
+      v-html="post.content"
+    />
     <!-- Shout Button -->
     <ds-space margin="xx-large" />
     <hc-shout-button
       v-if="post.author"
       :count="post.shoutedCount"
-      :post-id="post.id" />
+      :post-id="post.id"
+    />
     <!-- Categories -->
     <div class="tags">
       <ds-icon name="compass" /> <ds-tag
         v-for="category in post.categories"
-        :key="category.id">{{ category.name }}</ds-tag>
+        :key="category.id"
+      >
+        {{ category.name }}
+      </ds-tag>
     </div>
     <!-- Tags -->
     <template v-if="post.tags && post.tags.length">
-      <ds-space margin="xx-small"/>
+      <ds-space margin="xx-small" />
       <div class="tags">
         <ds-icon name="tags" /> <ds-tag
           v-for="tag in post.tags"
-          :key="tag.id"><ds-icon name="tag" /> {{ tag.name }}</ds-tag>
+          :key="tag.id"
+        >
+          <ds-icon name="tag" /> {{ tag.name }}
+        </ds-tag>
       </div>
     </template>
-    <ds-space margin="small"/>
+    <ds-space margin="small" />
     <!-- Comments -->
     <ds-section
-      slot="footer">
+      slot="footer"
+    >
       <h3 style="margin-top: 0;">
         <span>
           <ds-icon name="comments" />
@@ -42,7 +52,8 @@
             v-if="post.commentsCount"
             style="transform: scale(.8); margin-top: -4px; margin-left: -12px; position: absolute;"
             color="primary"
-            round>
+            round
+          >
             {{ post.commentsCount }}
           </ds-tag> &nbsp; Comments
         </span>
@@ -51,27 +62,35 @@
       <div
         v-if="post.commentsCount"
         id="comments"
-        class="comments">
+        class="comments"
+      >
         <div
           v-for="comment in post.comments"
           :key="comment.id"
-          class="comment">
+          class="comment"
+        >
           <ds-space margin-bottom="x-small">
             <hc-author :post="comment" />
           </ds-space>
           <div
             v-if="!comment.deleted"
             style="padding-left: 40px;"
-            v-html="comment.contentExcerpt" />
+            v-html="comment.contentExcerpt"
+          />
           <ds-text
             v-else
             style="padding-left: 40px; font-weight: bold;"
-            color="soft"><ds-icon name="ban" /> Vom Benutzer gelöscht</ds-text>
+            color="soft"
+          >
+            <ds-icon name="ban" /> Vom Benutzer gelöscht
+          </ds-text>
         </div>
         <ds-space margin-bottom="small" />
       </div>
       <div v-else>
-        <p style="text-align: center; opacity: .5;">NO COMMENTS</p>
+        <p style="text-align: center; opacity: .5;">
+          NO COMMENTS
+        </p>
       </div>
     </ds-section>
   </ds-card>
diff --git a/pages/post/_slug/more-info.vue b/pages/post/_slug/more-info.vue
index f111f3d32..a44c54e7d 100644
--- a/pages/post/_slug/more-info.vue
+++ b/pages/post/_slug/more-info.vue
@@ -1,37 +1,48 @@
 <template>
   <ds-card>
-    <h2 style="margin-bottom: .2em;">Mehr Informationen</h2>
+    <h2 style="margin-bottom: .2em;">
+      Mehr Informationen
+    </h2>
     <p>Hier findest du weitere infos zum Thema.</p>
-    <ds-space/>
+    <ds-space />
     <h3><ds-icon name="compass" /> Themenkategorien</h3>
     <div class="tags">
       <ds-tag
         v-for="category in post.categories"
-        :key="category.id">{{ category.name }}</ds-tag>
+        :key="category.id"
+      >
+        {{ category.name }}
+      </ds-tag>
     </div>
     <template v-if="post.tags && post.tags.length">
       <h3><ds-icon name="tags" /> Schlagwörter</h3>
       <div class="tags">
         <ds-tag
           v-for="tag in post.tags"
-          :key="tag.id"><ds-icon name="tag" /> {{ tag.name }}</ds-tag>
+          :key="tag.id"
+        >
+          <ds-icon name="tag" /> {{ tag.name }}
+        </ds-tag>
       </div>
     </template>
     <h3>Verwandte Beiträge</h3>
     <ds-section style="margin: 0 -1.5rem; padding: 1.5rem;">
       <ds-flex
         v-if="post.relatedContributions && post.relatedContributions.length"
-        gutter="small">
+        gutter="small"
+      >
         <ds-flex-item
           v-for="relatedPost in post.relatedContributions"
           :key="relatedPost.id"
-          :width="{ base: '50%' }">
+          :width="{ base: '50%' }"
+        >
           <hc-post-card :post="relatedPost" />
         </ds-flex-item>
       </ds-flex>
       <ds-space
         v-else
-        style="text-align: center; padding-top: 2em; opacity: .6;">
+        style="text-align: center; padding-top: 2em; opacity: .6;"
+      >
         No related Posts
       </ds-space>
     </ds-section>
diff --git a/pages/profile/_slug.vue b/pages/profile/_slug.vue
index 1873fee26..43ad88416 100644
--- a/pages/profile/_slug.vue
+++ b/pages/profile/_slug.vue
@@ -3,35 +3,43 @@
     <ds-card v-if="user && user.image">
       <p>PROFILE IMAGE</p>
     </ds-card>
-    <ds-space/>
+    <ds-space />
     <ds-flex
       v-if="user"
       :width="{ base: '100%' }"
-      gutter="base">
+      gutter="base"
+    >
       <ds-flex-item :width="{ base: '100%', sm: 2, md: 2, lg: 1 }">
         <ds-card style="position: relative; height: auto;">
           <ds-avatar
             :image="user.avatar"
             :name="user.name || 'Anonymus'"
             class="profile-avatar"
-            size="120px" />
+            size="120px"
+          />
           <ds-space margin="small">
             <ds-heading
               tag="h3"
               align="center"
-              no-margin>{{ user.name }}</ds-heading>
+              no-margin
+            >
+              {{ user.name }}
+            </ds-heading>
             <ds-text
               align="center"
               color="soft"
-              size="small">
+              size="small"
+            >
               Mitglied seid {{ user.createdAt | date('MMMM yyyy') }}
             </ds-text>
           </ds-space>
           <ds-space
             v-if="user.badges && user.badges.length"
-            margin="x-small">
+            margin="x-small"
+          >
             <hc-badges
-              :badges="user.badges" />
+              :badges="user.badges"
+            />
           </ds-space>
           <ds-flex>
             <ds-flex-item>
@@ -39,7 +47,8 @@
                 <ds-number label="Folgen">
                   <hc-count-to
                     slot="count"
-                    :end-val="followedByCount" />
+                    :end-val="followedByCount"
+                  />
                 </ds-number>
               </no-ssr>
             </ds-flex-item>
@@ -48,33 +57,39 @@
                 <ds-number label="Folgt">
                   <hc-count-to
                     slot="count"
-                    :end-val="Number(user.followingCount) || 0" />
+                    :end-val="Number(user.followingCount) || 0"
+                  />
                 </ds-number>
               </no-ssr>
             </ds-flex-item>
           </ds-flex>
           <ds-space
-            margin="small">
+            margin="small"
+          >
             <hc-follow-button
               v-if="!myProfile"
               :follow-id="user.id"
-              @update="voted = true && fetchUser()" />
+              @update="voted = true && fetchUser()"
+            />
           </ds-space>
         </ds-card>
-        <ds-space/>
+        <ds-space />
         <ds-heading
           tag="h3"
           soft
-          style="text-align: center; margin-bottom: 10px;">
+          style="text-align: center; margin-bottom: 10px;"
+        >
           Netzwerk
         </ds-heading>
         <ds-card style="position: relative; height: auto;">
           <ds-space
             v-if="user.following && user.following.length"
-            margin="x-small">
+            margin="x-small"
+          >
             <ds-text
               tag="h5"
-              color="soft">
+              color="soft"
+            >
               Wem folgt {{ user.name | truncate(15) }}?
             </ds-text>
           </ds-space>
@@ -82,34 +97,44 @@
             <ds-space
               v-for="follow in uniq(user.following)"
               :key="follow.id"
-              margin="x-small">
+              margin="x-small"
+            >
               <!-- TODO: find better solution for rendering errors -->
               <no-ssr>
                 <hc-related-user
                   :post="follow"
-                  :trunc="15" />
+                  :trunc="15"
+                />
               </no-ssr>
             </ds-space>
             <ds-space
               v-if="user.followingCount - user.following.length"
-              margin="small">
+              margin="small"
+            >
               <ds-text
                 size="small"
-                color="softer">und {{ user.followingCount - user.following.length }} weitere</ds-text>
+                color="softer"
+              >
+                und {{ user.followingCount - user.following.length }} weitere
+              </ds-text>
             </ds-space>
           </template>
           <template v-else>
-            <p style="text-align: center; opacity: .5;">{{ user.name }} folgt niemandem</p>
+            <p style="text-align: center; opacity: .5;">
+              {{ user.name }} folgt niemandem
+            </p>
           </template>
         </ds-card>
-        <ds-space/>
+        <ds-space />
         <ds-card style="position: relative; height: auto;">
           <ds-space
             v-if="user.followedBy && user.followedBy.length"
-            margin="x-small">
+            margin="x-small"
+          >
             <ds-text
               tag="h5"
-              color="soft">
+              color="soft"
+            >
               Wer folgt {{ user.name | truncate(15) }}?
             </ds-text>
           </ds-space>
@@ -117,31 +142,40 @@
             <ds-space
               v-for="follow in uniq(user.followedBy)"
               :key="follow.id"
-              margin="x-small">
+              margin="x-small"
+            >
               <!-- TODO: find better solution for rendering errors -->
               <no-ssr>
                 <hc-related-user
                   :post="follow"
-                  :trunc="15" />
+                  :trunc="15"
+                />
               </no-ssr>
             </ds-space>
             <ds-space
               v-if="user.followedByCount - user.followedBy.length"
-              margin="small">
+              margin="small"
+            >
               <ds-text
                 size="small"
-                color="softer">und {{ user.followedByCount - user.followedBy.length }} weitere</ds-text>
+                color="softer"
+              >
+                und {{ user.followedByCount - user.followedBy.length }} weitere
+              </ds-text>
             </ds-space>
           </template>
           <template v-else>
-            <p style="text-align: center; opacity: .5;">niemand folgt {{ user.name }}</p>
+            <p style="text-align: center; opacity: .5;">
+              niemand folgt {{ user.name }}
+            </p>
           </template>
         </ds-card>
       </ds-flex-item>
       <ds-flex-item :width="{ base: '100%', sm: 3, md: 5, lg: 3 }">
         <ds-flex
           :width="{ base: '100%' }"
-          gutter="small">
+          gutter="small"
+        >
           <ds-flex-item>
             <ds-card class="ds-tab-nav">
               <ds-flex>
@@ -152,7 +186,8 @@
                       <ds-number label="Beiträge">
                         <hc-count-to
                           slot="count"
-                          :end-val="user.contributionsCount" />
+                          :end-val="user.contributionsCount"
+                        />
                       </ds-number>
                     </no-ssr>
                   </ds-space>
@@ -164,7 +199,8 @@
                       <ds-number label="Kommentiert">
                         <hc-count-to
                           slot="count"
-                          :end-val="user.commentsCount" />
+                          :end-val="user.commentsCount"
+                        />
                       </ds-number>
                     </no-ssr>
                   </ds-space>
@@ -176,7 +212,8 @@
                       <ds-number label="Empfohlen">
                         <hc-count-to
                           slot="count"
-                          :end-val="user.shoutedCount" />
+                          :end-val="user.shoutedCount"
+                        />
                       </ds-number>
                     </no-ssr>
                   </ds-space>
@@ -186,17 +223,20 @@
           </ds-flex-item>
           <ds-flex-item
             v-for="post in uniq(user.contributions.filter(post => !post.deleted))"
+            :key="post.id"
             :width="{ base: '100%', md: '100%', xl: '50%' }"
-            :key="post.id">
+          >
             <hc-post-card
               :post="post"
-              :show-author-popover="false" />
+              :show-author-popover="false"
+            />
           </ds-flex-item>
         </ds-flex>
         <hc-load-more
           v-if="hasMore"
           :loading="$apollo.loading"
-          @click="showMoreContributions" />
+          @click="showMoreContributions"
+        />
       </ds-flex-item>
     </ds-flex>
   </div>
diff --git a/pages/settings.vue b/pages/settings.vue
index 7b625e742..cf93cbfa4 100644
--- a/pages/settings.vue
+++ b/pages/settings.vue
@@ -10,7 +10,8 @@
       <ds-flex-item>
         <transition
           name="slide-up"
-          appear>
+          appear
+        >
           <nuxt-child />
         </transition>
       </ds-flex-item>

From 38f27743f29a789432b3ffed0b79070f69096579 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Robert=20Sch=C3=A4fer?= <git@roschaefer.de>
Date: Thu, 6 Dec 2018 15:07:14 +0100
Subject: [PATCH 7/9] Remove remains of cypress

I love cypress already. However my suggestion is to create a separate
repository that includes `backend` and `web` run full stack tests from
there. It is possible to trigger builds in other repositories on Travis
CI. So here is my suggestion: We agree to have matching branch names in
all related repositories, so `branch-1` in repo `web`, `backend` and
`human-connection`.

As a start, the developer has to manually update the submodules in the
meta repository and trigger a build to run fullstack tests. In the
future we might automate this process by triggering builds in other
repos. That's possible on Travis CI, see:
https://docs.travis-ci.com/user/triggering-builds/

See each repository is responsible to keep their set of unit/integration
tests but the meta repository is responsible of carrying out full stack
testing.

@appinteractive your opinion?
---
 .eslintignore                           |  1 -
 .gitignore                              |  2 -
 cypress/fixtures/example.json           |  5 --
 cypress/integration/login/login.spec.js | 73 -------------------------
 cypress/plugins/index.js                | 17 ------
 cypress/support/commands.js             | 25 ---------
 cypress/support/index.js                | 20 -------
 7 files changed, 143 deletions(-)
 delete mode 100644 cypress/fixtures/example.json
 delete mode 100644 cypress/integration/login/login.spec.js
 delete mode 100644 cypress/plugins/index.js
 delete mode 100644 cypress/support/commands.js
 delete mode 100644 cypress/support/index.js

diff --git a/.eslintignore b/.eslintignore
index 69d9ce171..70c6bda91 100644
--- a/.eslintignore
+++ b/.eslintignore
@@ -1,5 +1,4 @@
 node_modules
 build
 .nuxt
-cypress/
 styleguide/
diff --git a/.gitignore b/.gitignore
index 2302df1f9..af1dfbaa0 100644
--- a/.gitignore
+++ b/.gitignore
@@ -75,5 +75,3 @@ dist
 
 # TEMORIRY
 static/uploads
-
-cypress/videos
diff --git a/cypress/fixtures/example.json b/cypress/fixtures/example.json
deleted file mode 100644
index da18d9352..000000000
--- a/cypress/fixtures/example.json
+++ /dev/null
@@ -1,5 +0,0 @@
-{
-  "name": "Using fixtures to represent data",
-  "email": "hello@cypress.io",
-  "body": "Fixtures are a great way to mock data for responses to routes"
-}
\ No newline at end of file
diff --git a/cypress/integration/login/login.spec.js b/cypress/integration/login/login.spec.js
deleted file mode 100644
index 33054bb7d..000000000
--- a/cypress/integration/login/login.spec.js
+++ /dev/null
@@ -1,73 +0,0 @@
-/// <reference types="Cypress" />
-
-const loginTestUser = function () {
-  // Visiting our app before each test removes any state build up from
-  cy.visit('http://localhost:3000/')
-    .get('.layout-blank')
-    .should('be.visible')
-
-  cy.location('pathname')
-    .should('contain', '/login')
-
-  cy.get('input[name=email]')
-    .as('inputEmail')
-    .should('be.empty')
-    .and('have.attr', 'placeholder', 'Deine E-Mail')
-    .trigger('focus')
-    .type('user@example.org')
-
-  cy.get('input[name=password]')
-    .as('inputPassword')
-    .should('be.empty')
-    // .and('have.attr', 'placeholder', 'Dein Passwort')
-    .trigger('focus')
-    .type('1234')
-
-  cy.get('button[name=submit]')
-    .as('submitButton')
-    .should('be.visible')
-    .and('not.be.disabled')
-    .click()
-
-  cy.get('@submitButton')
-    .should('be.disabled')
-    // .next('.snackbar')
-
-  cy.get('.layout-default')
-
-  cy.location('pathname')
-    .should('eq', '/')
-}
-
-const logout = function () {
-  cy.visit('http://localhost:3000/logout')
-
-  cy.location('pathname')
-    .should('contain', '/login')
-
-  cy.get('.layout-blank')
-    .should('be.visible')
-}
-
-context('Authentication', () => {
-  it('Login Testuser', loginTestUser)
-
-  it('Login & Logout', function () {
-    // login
-    loginTestUser()
-
-    // logout
-    logout()
-  })
-
-  it('Still logged in after page-reload', function () {
-    // login
-    loginTestUser()
-
-    cy.reload()
-      .get('.layout-default')
-
-    // logout
-    // logout()
-  })
-})
diff --git a/cypress/plugins/index.js b/cypress/plugins/index.js
deleted file mode 100644
index fd170fba6..000000000
--- a/cypress/plugins/index.js
+++ /dev/null
@@ -1,17 +0,0 @@
-// ***********************************************************
-// This example plugins/index.js can be used to load plugins
-//
-// You can change the location of this file or turn off loading
-// the plugins file with the 'pluginsFile' configuration option.
-//
-// You can read more here:
-// https://on.cypress.io/plugins-guide
-// ***********************************************************
-
-// This function is called when a project is opened or re-opened (e.g. due to
-// the project's config changing)
-
-module.exports = (on, config) => {
-  // `on` is used to hook into various events Cypress emits
-  // `config` is the resolved Cypress config
-}
diff --git a/cypress/support/commands.js b/cypress/support/commands.js
deleted file mode 100644
index c1f5a772e..000000000
--- a/cypress/support/commands.js
+++ /dev/null
@@ -1,25 +0,0 @@
-// ***********************************************
-// This example commands.js shows you how to
-// create various custom commands and overwrite
-// existing commands.
-//
-// For more comprehensive examples of custom
-// commands please read more here:
-// https://on.cypress.io/custom-commands
-// ***********************************************
-//
-//
-// -- This is a parent command --
-// Cypress.Commands.add("login", (email, password) => { ... })
-//
-//
-// -- This is a child command --
-// Cypress.Commands.add("drag", { prevSubject: 'element'}, (subject, options) => { ... })
-//
-//
-// -- This is a dual command --
-// Cypress.Commands.add("dismiss", { prevSubject: 'optional'}, (subject, options) => { ... })
-//
-//
-// -- This is will overwrite an existing command --
-// Cypress.Commands.overwrite("visit", (originalFn, url, options) => { ... })
diff --git a/cypress/support/index.js b/cypress/support/index.js
deleted file mode 100644
index d68db96df..000000000
--- a/cypress/support/index.js
+++ /dev/null
@@ -1,20 +0,0 @@
-// ***********************************************************
-// This example support/index.js is processed and
-// loaded automatically before your test files.
-//
-// This is a great place to put global configuration and
-// behavior that modifies Cypress.
-//
-// You can change the location of this file or turn off
-// automatically serving support files with the
-// 'supportFile' configuration option.
-//
-// You can read more here:
-// https://on.cypress.io/configuration
-// ***********************************************************
-
-// Import commands.js using ES2015 syntax:
-import './commands'
-
-// Alternatively you can use CommonJS syntax:
-// require('./commands')

From 7aa2befc94ef1a492edfd71eed196de0fa0fc26c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Robert=20Sch=C3=A4fer?= <git@roschaefer.de>
Date: Thu, 6 Dec 2018 15:18:36 +0100
Subject: [PATCH 8/9] Remove cypress.json (forgot that)

---
 cypress.json | 1 -
 1 file changed, 1 deletion(-)
 delete mode 100644 cypress.json

diff --git a/cypress.json b/cypress.json
deleted file mode 100644
index 0967ef424..000000000
--- a/cypress.json
+++ /dev/null
@@ -1 +0,0 @@
-{}

From 364fa73cc26e7972392894a7eb3bb45c5fcd760c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Robert=20Sch=C3=A4fer?=
 <roschaefer@users.noreply.github.com>
Date: Thu, 6 Dec 2018 15:22:25 +0100
Subject: [PATCH 9/9] Fix merge accident

---
 styleguide/src/system/components/data-input/Input/Input.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/styleguide/src/system/components/data-input/Input/Input.vue b/styleguide/src/system/components/data-input/Input/Input.vue
index 6d19c3956..4925547df 100644
--- a/styleguide/src/system/components/data-input/Input/Input.vue
+++ b/styleguide/src/system/components/data-input/Input/Input.vue
@@ -13,7 +13,7 @@
           iconRight && `ds-input-has-icon-right`
         ]"
         :id="id"
-        :name="name"
+        :name="model"
         :type="type"
         :autofocus="autofocus"
         :placeholder="placeholder"