refactor(webapp): fix `vue/multi-word-component-names`

* rename components to avoid problems

www/webapp/src/router/index.js

@@ -1,5 +1,5 @@
 import VueRouter from 'vue-router'
-import Home from '@/views/Home.vue'
+import HomePage from '@/views/HomePage.vue'
 import {HTTP} from '@/utils';
 import {useUserStore} from "@/store/user";
 
@@ -7,7 +7,7 @@ const routes = [
   {
     path: '/',
     name: 'home',
-    component: Home
+    component: HomePage
   },
   {
     path: '/signup/:email?',
@@ -20,7 +20,7 @@ const routes = [
   {
     path: '/custom-setup/:domain',
     name: 'customSetup',
-    component: () => import(/* webpackChunkName: "signup" */ '@/views/DomainSetupPage'),
+    component: () => import(/* webpackChunkName: "signup" */ '@/views/DomainSetupPage.vue'),
     props: true,
   },
   {
@@ -32,7 +32,7 @@ const routes = [
   {
     path: '/welcome/:domain?',
     name: 'welcome',
-    component: () => import(/* webpackChunkName: "signup" */ '@/views/Welcome.vue')
+    component: () => import(/* webpackChunkName: "signup" */ '@/views/WelcomePage.vue'),
   },
   {
     path: 'https://desec.readthedocs.io/',
@@ -47,7 +47,7 @@ const routes = [
   {
     path: '/confirm/:action/:code',
     name: 'confirmation',
-    component: () => import(/* webpackChunkName: "account" */ '@/views/Confirmation.vue')
+    component: () => import(/* webpackChunkName: "account" */ '@/views/ConfirmationPage.vue'),
   },
   {
     path: '/reset-password/:email?',
@@ -87,7 +87,7 @@ const routes = [
   {
     path: '/donate/',
     name: 'donate',
-    component: () => import(/* webpackChunkName: "extra" */ '@/views/Donate.vue')
+    component: () => import(/* webpackChunkName: "extra" */ '@/views/DonatePage.vue'),
   },
   {
     path: 'https://github.com/desec-io/desec-stack/projects?query=is%3Aopen+sort%3Aname-asc&type=classic',
@@ -97,7 +97,7 @@ const routes = [
   {
     path: '/impressum/',
     name: 'impressum',
-    component: () => import(/* webpackChunkName: "extra" */ '@/views/Impressum.vue')
+    component: () => import(/* webpackChunkName: "extra" */ '@/views/ImpressumPage.vue'),
   },
   {
     path: '/privacy-policy/',
@@ -107,17 +107,17 @@ const routes = [
   {
     path: '/terms/',
     name: 'terms',
-    component: () => import(/* webpackChunkName: "extra" */ '@/views/Terms.vue')
+    component: () => import(/* webpackChunkName: "extra" */ '@/views/TermsPage.vue'),
   },
   {
     path: '/about/',
     name: 'about',
-    component: () => import(/* webpackChunkName: "extra" */ '@/views/About.vue')
+    component: () => import(/* webpackChunkName: "extra" */ '@/views/AboutPage.vue'),
   },
   {
     path: '/login',
     name: 'login',
-    component: () => import(/* webpackChunkName: "login" */ '@/views/Login.vue')
+    component: () => import(/* webpackChunkName: "login" */ '@/views/LoginPage.vue'),
   },
   {
     path: '/tokens',

www/webapp/src/views/About.vue → www/webapp/src/views/AboutPage.vue

@@ -198,7 +198,7 @@
 
 <script>
 export default {
-  name: 'About',
+  name: 'AboutPage',
   data: () => ({
     purposes: [
       {

www/webapp/src/views/Confirmation.vue → www/webapp/src/views/ConfirmationPage.vue

@@ -67,7 +67,7 @@
   });
 
   export default {
-    name: 'Confirmation',
+    name: 'ConfirmationPage',
     components: {
       GenericActionHandler,
       ActivateAccountActionHandler,

www/webapp/src/views/Donate.vue → www/webapp/src/views/DonatePage.vue

@@ -182,7 +182,7 @@
   import QrcodeVue from "../modules/qrcode.vue";
 
   export default {
-    name: 'Donate',
+    name: 'DonatePage',
     components: {
       QrcodeVue,
       DonateDirectDebitForm,

www/webapp/src/views/Home.vue → www/webapp/src/views/HomePage.vue

@@ -190,7 +190,7 @@ import {email_pattern} from '@/validation';
 import {useUserStore} from "@/store/user";
 
 export default {
-  name: 'Home',
+  name: 'HomePage',
   components: {
   },
   methods: {

www/webapp/src/views/Impressum.vue → www/webapp/src/views/ImpressumPage.vue

@@ -21,7 +21,7 @@
 
 <script>
   export default {
-    name: 'Impressum',
+    name: 'ImpressumPage',
     data: () => ({
       email: process.env.VUE_APP_EMAIL,
     }),

www/webapp/src/views/Login.vue → www/webapp/src/views/LoginPage.vue

@@ -92,7 +92,7 @@ import ErrorAlert from "@/components/ErrorAlert";
 import {useUserStore} from "@/store/user";
 
 export default {
-  name: 'Login',
+  name: 'LoginPage',
   components: {
     ErrorAlert,
   },

www/webapp/src/views/Terms.vue → www/webapp/src/views/TermsPage.vue

@@ -61,7 +61,7 @@
 
 <script>
 export default {
-  name: 'Terms',
+  name: 'TermsPage',
   data: () => ({
     terms_of_use: [
       {