Fix linting errors

client/package.json

@@ -8,6 +8,7 @@
     "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
     "start": ". ../server/.env && npm run dev",
     "lint": "eslint --ext .js,.vue src",
+    "fix-lint": "eslint --ext .js,.vue --fix src",
     "build": "node build/build.js",
     "open:cypress": "cypress open",
     "test:cypress": "cypress run",

client/src/components/Checkbox.vue

@@ -6,7 +6,7 @@
     :type="'checkbox'"
     @input="passOn"
   >
-    <slot></slot>
+    <slot/>
   </base-input>
 </template>
 

client/src/components/inputs/BaseInput.vue

@@ -12,9 +12,12 @@
       <tick v-if="type === 'checkbox'"/>
       <circle-icon v-if="type === 'radiobutton'"/>
     </span>
-    <span v-if="label" class="base-input-container__label">{{ label }}</span>
+    <span
-    <slot v-if="!label" class="base-input-container__label">
+      class="base-input-container__label"
-    </slot>
+      v-if="label">{{ label }}</span>
+    <slot
+      class="base-input-container__label"
+      v-if="!label"/>
   </label>
 </template>
 

client/src/pages/registration.vue

@@ -199,41 +199,47 @@
           for="password2"
           class="skillboxform-input__label">Passwort wiederholen</label>
         <input
-          id="password-confirmation"
-          name="password-confirmation"
-          type="text"
           v-model="passwordConfirmation"
           v-validate="'required|confirmed:password'"
-          data-vv-as="Passwort wiederholen"
           :class="{ 'skillboxform-input__input--error': errors.has('password-confirmation') && submitted }"
+          name="password-confirmation"
+          type="text"
+          data-vv-as="Passwort wiederholen"
           class="change-form__new skillbox-input skillboxform-input__input"
           autocomplete="off"
           data-cy="passwordConfirmation-input"
+          id="password-confirmation"
         >
         <small
-          v-if="errors.has('password-confirmation') && submitted"
           class="skillboxform-input__error"
           data-cy="passwordConfirmation-local-errors"
+          v-if="errors.has('password-confirmation') && submitted"
         >{{ errors.first('password-confirmation') }}</small>
       </div>
       <div class="change-form__field skillboxform-input">
         <checkbox
-          id="accepted-terms"
-          name="accepted-terms"
           v-model="acceptedTerms"
-          class="skillboxform-input__checkbox"
           :checked="acceptedTerms"
           v-validate="'required:true'"
           :class="{ 'skillboxform-input__input--error': errors.has('accepted-terms') && submitted}"
+          name="accepted-terms"
+          class="skillboxform-input__checkbox"
           data-cy="acceptedTerms-input"
+          id="accepted-terms"
         >
-          <span>Hiermit akzeptiere ich die <a href="https://www.hep-verlag.ch/agb" target="_blank" class="hep-link">AGB</a> und
+          <span>Hiermit akzeptiere ich die <a
-          <a href="https://www.hep-verlag.ch/datenschutz" target="_blank" class="hep-link">Datenschutzbestimmungen</a></span>
+            href="https://www.hep-verlag.ch/agb"
+            target="_blank"
+            class="hep-link">AGB</a> und
+            <a
+              href="https://www.hep-verlag.ch/datenschutz"
+              target="_blank"
+              class="hep-link">Datenschutzbestimmungen</a></span>
         </checkbox>
         <small
-          v-if="errors.has('accepted-terms') && submitted"
           class="skillboxform-input__error"
           data-cy="acceptedTerms-local-errors"
+          v-if="errors.has('accepted-terms') && submitted"
         >Sie müssen hier zustimmen, damit Sie sich registrieren können.</small>
       </div>
       <div class="skillboxform-input">