From 14dcb3fa933fa64005b21616d7f42d2f92ed1975 Mon Sep 17 00:00:00 2001
From: Moriz Wahl <moriz.wahl@gmx.de>
Date: Mon, 7 Mar 2022 18:47:14 +0100
Subject: [PATCH] resolve relative paths, rename pages

---
 frontend/jest.config.js                       |  1 +
 frontend/package.json                         |  3 --
 frontend/src/App.vue                          |  4 +--
 frontend/src/layouts/ContentFooter.vue        |  2 +-
 .../src/layouts/DashboardLayout_gdd.spec.js   |  2 +-
 frontend/src/layouts/DashboardLayout_gdd.vue  |  8 +++---
 .../AccountOverview/GddTransactionList.vue    | 12 ++++----
 .../GdtTransactionList.spec.js                |  4 +--
 .../AccountOverview/GdtTransactionList.vue    |  6 ++--
 frontend/src/pages/ForgotPassword.vue         |  4 +--
 frontend/src/pages/Login.spec.js              |  2 +-
 frontend/src/pages/Login.vue                  |  8 +++---
 ...countOverview.spec.js => Overview.spec.js} |  6 ++--
 .../{AccountOverview.vue => Overview.vue}     |  2 +-
 ...rofileOverview.spec.js => Profile.spec.js} |  6 ++--
 .../{UserProfileOverview.vue => Profile.vue}  |  0
 frontend/src/pages/Register.spec.js           |  2 +-
 frontend/src/pages/Register.vue               |  8 +++---
 frontend/src/pages/RegisterCommunity.spec.js  |  2 +-
 frontend/src/pages/RegisterCommunity.vue      |  2 +-
 frontend/src/pages/ResetPassword.spec.js      |  2 +-
 frontend/src/pages/ResetPassword.vue          |  4 +--
 ...munity.spec.js => SelectCommunity.spec.js} | 10 +++----
 ...electCommunity.vue => SelectCommunity.vue} |  4 +--
 .../{SendOverview.spec.js => Send.spec.js}    |  6 ++--
 .../src/pages/{SendOverview.vue => Send.vue}  |  2 +-
 ...ctionList.spec.js => Transactions.spec.js} |  6 ++--
 ...leTransactionList.vue => Transactions.vue} |  0
 .../UserCard_CoinAnimation.spec.js            |  4 +--
 .../UserProfile/UserCard_CoinAnimation.vue    |  2 +-
 .../UserProfile/UserCard_FormUserData.spec.js |  2 +-
 .../UserProfile/UserCard_FormUserData.vue     |  2 +-
 .../UserProfile/UserCard_FormUserMail.vue     |  2 +-
 .../UserCard_FormUserPasswort.spec.js         |  2 +-
 .../UserProfile/UserCard_FormUserPasswort.vue |  6 ++--
 .../UserProfile/UserCard_Language.spec.js     |  2 +-
 .../pages/UserProfile/UserCard_Language.vue   |  4 +--
 .../UserProfile/UserCard_Newsletter.spec.js   |  4 +--
 .../pages/UserProfile/UserCard_Newsletter.vue |  2 +-
 frontend/src/routes/router.test.js            |  2 +-
 frontend/src/routes/routes.js                 | 28 +++++++++----------
 41 files changed, 89 insertions(+), 91 deletions(-)
 rename frontend/src/pages/{AccountOverview.spec.js => Overview.spec.js} (89%)
 rename frontend/src/pages/{AccountOverview.vue => Overview.vue} (97%)
 rename frontend/src/pages/{UserProfileOverview.spec.js => Profile.spec.js} (83%)
 rename frontend/src/pages/{UserProfileOverview.vue => Profile.vue} (100%)
 rename frontend/src/pages/{RegisterSelectCommunity.spec.js => SelectCommunity.spec.js} (94%)
 rename frontend/src/pages/{RegisterSelectCommunity.vue => SelectCommunity.vue} (95%)
 rename frontend/src/pages/{SendOverview.spec.js => Send.spec.js} (96%)
 rename frontend/src/pages/{SendOverview.vue => Send.vue} (98%)
 rename frontend/src/pages/{UserProfileTransactionList.spec.js => Transactions.spec.js} (93%)
 rename frontend/src/pages/{UserProfileTransactionList.vue => Transactions.vue} (100%)

diff --git a/frontend/jest.config.js b/frontend/jest.config.js
index 5caae815c..2a52ec707 100644
--- a/frontend/jest.config.js
+++ b/frontend/jest.config.js
@@ -12,6 +12,7 @@ module.exports = {
     '\\.(css|less)$': 'identity-obj-proxy',
     '\\.(scss)$': '<rootDir>/src/assets/mocks/styleMock.js',
     '^@/(.*)$': '<rootDir>/src/$1',
+    '^@test/(.*)$': '<rootDir>/test/$1',
   },
   transform: {
     '^.+\\.vue$': 'vue-jest',
diff --git a/frontend/package.json b/frontend/package.json
index dcf9baf53..785ebb11d 100755
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -82,9 +82,6 @@
     "vue-template-compiler": "^2.6.11",
     "webpack-bundle-analyzer": "^4.5.0"
   },
-  "_moduleAliases": {
-    "@components": "./components"
-  },
   "postcss": {
     "plugins": {
       "autoprefixer": {}
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index b14f5c8a2..39e417404 100755
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -10,8 +10,8 @@
 <script>
 import { ParticlesBg } from 'particles-bg-vue'
 import icon from './icon.js'
-import DashboardLayout from '@/views/Layout/DashboardLayout_gdd.vue'
-import AuthLayoutGDD from '@/views/Layout/AuthLayout_gdd.vue'
+import DashboardLayout from '@/layouts/DashboardLayout_gdd.vue'
+import AuthLayoutGDD from '@/layouts/AuthLayout_gdd.vue'
 
 export default {
   name: 'app',
diff --git a/frontend/src/layouts/ContentFooter.vue b/frontend/src/layouts/ContentFooter.vue
index dedfc4765..9d45cddb6 100755
--- a/frontend/src/layouts/ContentFooter.vue
+++ b/frontend/src/layouts/ContentFooter.vue
@@ -59,7 +59,7 @@
   </footer>
 </template>
 <script>
-import CONFIG from '../../config'
+import CONFIG from '@/config'
 
 export default {
   data() {
diff --git a/frontend/src/layouts/DashboardLayout_gdd.spec.js b/frontend/src/layouts/DashboardLayout_gdd.spec.js
index 87362a6c3..8765c95e7 100644
--- a/frontend/src/layouts/DashboardLayout_gdd.spec.js
+++ b/frontend/src/layouts/DashboardLayout_gdd.spec.js
@@ -2,7 +2,7 @@ import { mount, RouterLinkStub } from '@vue/test-utils'
 import flushPromises from 'flush-promises'
 import DashboardLayoutGdd from './DashboardLayout_gdd'
 
-import { toastErrorSpy } from '../../../test/testSetup'
+import { toastErrorSpy } from '@test/testSetup'
 
 jest.useFakeTimers()
 
diff --git a/frontend/src/layouts/DashboardLayout_gdd.vue b/frontend/src/layouts/DashboardLayout_gdd.vue
index 3ec3091de..a8b356bd1 100755
--- a/frontend/src/layouts/DashboardLayout_gdd.vue
+++ b/frontend/src/layouts/DashboardLayout_gdd.vue
@@ -37,12 +37,12 @@
   </div>
 </template>
 <script>
-import Navbar from '../../components/Menu/Navbar.vue'
-import Sidebar from '../../components/Menu/Sidebar.vue'
-import { logout, transactionsQuery } from '../../graphql/queries'
+import Navbar from '@/components/Menu/Navbar.vue'
+import Sidebar from '@/components/Menu/Sidebar.vue'
+import { logout, transactionsQuery } from '@/graphql/queries'
 import ContentFooter from './ContentFooter.vue'
 import { FadeTransition } from 'vue2-transitions'
-import CONFIG from '../../config'
+import CONFIG from '@/config'
 
 export default {
   components: {
diff --git a/frontend/src/pages/AccountOverview/GddTransactionList.vue b/frontend/src/pages/AccountOverview/GddTransactionList.vue
index bd66630eb..c48d8a88e 100644
--- a/frontend/src/pages/AccountOverview/GddTransactionList.vue
+++ b/frontend/src/pages/AccountOverview/GddTransactionList.vue
@@ -57,12 +57,12 @@
 </template>
 
 <script>
-import TransactionListItem from '../../../components/TransactionListItem'
-import PaginationButtons from '../../../components/PaginationButtons'
-import TransactionDecay from '../../../components/Transactions/TransactionDecay'
-import TransactionSend from '../../../components/Transactions/TransactionSend'
-import TransactionReceive from '../../../components/Transactions/TransactionReceive'
-import TransactionCreation from '../../../components/Transactions/TransactionCreation'
+import TransactionListItem from '@/components/TransactionListItem'
+import PaginationButtons from '@/components/PaginationButtons'
+import TransactionDecay from '@/components/Transactions/TransactionDecay'
+import TransactionSend from '@/components/Transactions/TransactionSend'
+import TransactionReceive from '@/components/Transactions/TransactionReceive'
+import TransactionCreation from '@/components/Transactions/TransactionCreation'
 
 export default {
   name: 'gdd-transaction-list',
diff --git a/frontend/src/pages/AccountOverview/GdtTransactionList.spec.js b/frontend/src/pages/AccountOverview/GdtTransactionList.spec.js
index 42c03b8a3..a04cdc905 100644
--- a/frontend/src/pages/AccountOverview/GdtTransactionList.spec.js
+++ b/frontend/src/pages/AccountOverview/GdtTransactionList.spec.js
@@ -1,8 +1,8 @@
 import { mount } from '@vue/test-utils'
-import { GdtEntryType } from '../../../graphql/enums'
+import { GdtEntryType } from '@/graphql/enums'
 import GdtTransactionList from './GdtTransactionList'
 
-import { toastErrorSpy } from '../../../../test/testSetup'
+import { toastErrorSpy } from '@test/testSetup'
 
 const localVue = global.localVue
 
diff --git a/frontend/src/pages/AccountOverview/GdtTransactionList.vue b/frontend/src/pages/AccountOverview/GdtTransactionList.vue
index ed38ee952..0c061ed06 100644
--- a/frontend/src/pages/AccountOverview/GdtTransactionList.vue
+++ b/frontend/src/pages/AccountOverview/GdtTransactionList.vue
@@ -36,9 +36,9 @@
 </template>
 
 <script>
-import { listGDTEntriesQuery } from '../../../graphql/queries'
-import PaginationButtons from '../../../components/PaginationButtons'
-import Transaction from '../../../components/Transaction.vue'
+import { listGDTEntriesQuery } from '@/graphql/queries'
+import PaginationButtons from '@/components/PaginationButtons'
+import Transaction from '@/components/Transaction.vue'
 
 export default {
   name: 'gdt-transaction-list',
diff --git a/frontend/src/pages/ForgotPassword.vue b/frontend/src/pages/ForgotPassword.vue
index 654711dc7..87c31dcf2 100644
--- a/frontend/src/pages/ForgotPassword.vue
+++ b/frontend/src/pages/ForgotPassword.vue
@@ -38,8 +38,8 @@
   </div>
 </template>
 <script>
-import { sendResetPasswordEmail } from '../../graphql/queries'
-import InputEmail from '../../components/Inputs/InputEmail'
+import { sendResetPasswordEmail } from '@/graphql/queries'
+import InputEmail from '@/components/Inputs/InputEmail'
 
 const textFields = {
   reset: {
diff --git a/frontend/src/pages/Login.spec.js b/frontend/src/pages/Login.spec.js
index 3035c15eb..411bba88b 100644
--- a/frontend/src/pages/Login.spec.js
+++ b/frontend/src/pages/Login.spec.js
@@ -2,7 +2,7 @@ import { RouterLinkStub, mount } from '@vue/test-utils'
 import flushPromises from 'flush-promises'
 import Login from './Login'
 
-import { toastErrorSpy } from '../../../test/testSetup'
+import { toastErrorSpy } from '@test/testSetup'
 
 const localVue = global.localVue
 
diff --git a/frontend/src/pages/Login.vue b/frontend/src/pages/Login.vue
index 42bf7cc01..67afc6a8c 100755
--- a/frontend/src/pages/Login.vue
+++ b/frontend/src/pages/Login.vue
@@ -60,10 +60,10 @@
   </div>
 </template>
 <script>
-import InputPassword from '../../components/Inputs/InputPassword'
-import InputEmail from '../../components/Inputs/InputEmail'
-import { login } from '../../graphql/queries'
-import { getCommunityInfoMixin } from '../../mixins/getCommunityInfo'
+import InputPassword from '@/components/Inputs/InputPassword'
+import InputEmail from '@/components/Inputs/InputEmail'
+import { login } from '@/graphql/queries'
+import { getCommunityInfoMixin } from '@/mixins/getCommunityInfo'
 
 export default {
   name: 'login',
diff --git a/frontend/src/pages/AccountOverview.spec.js b/frontend/src/pages/Overview.spec.js
similarity index 89%
rename from frontend/src/pages/AccountOverview.spec.js
rename to frontend/src/pages/Overview.spec.js
index c55317333..af234801e 100644
--- a/frontend/src/pages/AccountOverview.spec.js
+++ b/frontend/src/pages/Overview.spec.js
@@ -1,11 +1,11 @@
 import { mount } from '@vue/test-utils'
-import AccountOverview from './AccountOverview'
+import Overview from './Overview'
 
 const localVue = global.localVue
 
 window.scrollTo = jest.fn()
 
-describe('AccountOverview', () => {
+describe('Overview', () => {
   let wrapper
 
   const mocks = {
@@ -14,7 +14,7 @@ describe('AccountOverview', () => {
   }
 
   const Wrapper = () => {
-    return mount(AccountOverview, {
+    return mount(Overview, {
       localVue,
       mocks,
     })
diff --git a/frontend/src/pages/AccountOverview.vue b/frontend/src/pages/Overview.vue
similarity index 97%
rename from frontend/src/pages/AccountOverview.vue
rename to frontend/src/pages/Overview.vue
index ee11f7fdc..dcbf3823c 100644
--- a/frontend/src/pages/AccountOverview.vue
+++ b/frontend/src/pages/Overview.vue
@@ -27,7 +27,7 @@
   </div>
 </template>
 <script>
-import Status from '../../components/Status.vue'
+import Status from '@/components/Status.vue'
 import GddTransactionList from './AccountOverview/GddTransactionList.vue'
 import GddTransactionListFooter from './AccountOverview/GddTransactionListFooter.vue'
 
diff --git a/frontend/src/pages/UserProfileOverview.spec.js b/frontend/src/pages/Profile.spec.js
similarity index 83%
rename from frontend/src/pages/UserProfileOverview.spec.js
rename to frontend/src/pages/Profile.spec.js
index 7b75b0dd2..5df365cac 100644
--- a/frontend/src/pages/UserProfileOverview.spec.js
+++ b/frontend/src/pages/Profile.spec.js
@@ -1,9 +1,9 @@
 import { shallowMount } from '@vue/test-utils'
-import UserProfileOverview from './UserProfileOverview'
+import Profile from './Profile'
 
 const localVue = global.localVue
 
-describe('UserProfileOverview', () => {
+describe('Profile', () => {
   let wrapper
 
   const mocks = {
@@ -11,7 +11,7 @@ describe('UserProfileOverview', () => {
   }
 
   const Wrapper = () => {
-    return shallowMount(UserProfileOverview, { localVue, mocks })
+    return shallowMount(Profile, { localVue, mocks })
   }
 
   describe('shallow Mount', () => {
diff --git a/frontend/src/pages/UserProfileOverview.vue b/frontend/src/pages/Profile.vue
similarity index 100%
rename from frontend/src/pages/UserProfileOverview.vue
rename to frontend/src/pages/Profile.vue
diff --git a/frontend/src/pages/Register.spec.js b/frontend/src/pages/Register.spec.js
index 4ec3cc0a2..29f88b38f 100644
--- a/frontend/src/pages/Register.spec.js
+++ b/frontend/src/pages/Register.spec.js
@@ -2,7 +2,7 @@ import { mount, RouterLinkStub } from '@vue/test-utils'
 import flushPromises from 'flush-promises'
 import Register from './Register'
 
-import { toastErrorSpy } from '../../../test/testSetup'
+import { toastErrorSpy } from '@test/testSetup'
 
 const localVue = global.localVue
 
diff --git a/frontend/src/pages/Register.vue b/frontend/src/pages/Register.vue
index 03012cf34..224ee4ea4 100755
--- a/frontend/src/pages/Register.vue
+++ b/frontend/src/pages/Register.vue
@@ -188,10 +188,10 @@
   </div>
 </template>
 <script>
-import InputEmail from '../../components/Inputs/InputEmail.vue'
-import LanguageSwitchSelect from '../../components/LanguageSwitchSelect.vue'
-import { createUser } from '../../graphql/mutations'
-import { getCommunityInfoMixin } from '../../mixins/getCommunityInfo'
+import InputEmail from '@/components/Inputs/InputEmail.vue'
+import LanguageSwitchSelect from '@/components/LanguageSwitchSelect.vue'
+import { createUser } from '@/graphql/mutations'
+import { getCommunityInfoMixin } from '@/mixins/getCommunityInfo'
 
 export default {
   components: { InputEmail, LanguageSwitchSelect },
diff --git a/frontend/src/pages/RegisterCommunity.spec.js b/frontend/src/pages/RegisterCommunity.spec.js
index b1215a609..deb1d999d 100644
--- a/frontend/src/pages/RegisterCommunity.spec.js
+++ b/frontend/src/pages/RegisterCommunity.spec.js
@@ -1,7 +1,7 @@
 import { mount, RouterLinkStub } from '@vue/test-utils'
 import RegisterCommunity from './RegisterCommunity'
 
-import { toastErrorSpy } from '../../../test/testSetup'
+import { toastErrorSpy } from '@test/testSetup'
 
 const localVue = global.localVue
 
diff --git a/frontend/src/pages/RegisterCommunity.vue b/frontend/src/pages/RegisterCommunity.vue
index 594c69571..406fa3a7f 100644
--- a/frontend/src/pages/RegisterCommunity.vue
+++ b/frontend/src/pages/RegisterCommunity.vue
@@ -49,7 +49,7 @@
   </div>
 </template>
 <script>
-import { getCommunityInfoMixin } from '../../mixins/getCommunityInfo'
+import { getCommunityInfoMixin } from '@/mixins/getCommunityInfo'
 
 export default {
   name: 'registerCommunity',
diff --git a/frontend/src/pages/ResetPassword.spec.js b/frontend/src/pages/ResetPassword.spec.js
index 5ee2742f2..5c02a41ab 100644
--- a/frontend/src/pages/ResetPassword.spec.js
+++ b/frontend/src/pages/ResetPassword.spec.js
@@ -2,7 +2,7 @@ import { mount, RouterLinkStub } from '@vue/test-utils'
 import ResetPassword from './ResetPassword'
 import flushPromises from 'flush-promises'
 
-import { toastErrorSpy } from '../../../test/testSetup'
+import { toastErrorSpy } from '@test/testSetup'
 
 // validation is tested in src/views/Pages/UserProfile/UserCard_FormUserPasswort.spec.js
 
diff --git a/frontend/src/pages/ResetPassword.vue b/frontend/src/pages/ResetPassword.vue
index e4adeda9f..ee43df310 100644
--- a/frontend/src/pages/ResetPassword.vue
+++ b/frontend/src/pages/ResetPassword.vue
@@ -44,8 +44,8 @@
   </div>
 </template>
 <script>
-import InputPasswordConfirmation from '../../components/Inputs/InputPasswordConfirmation'
-import { setPassword } from '../../graphql/mutations'
+import InputPasswordConfirmation from '@/components/Inputs/InputPasswordConfirmation'
+import { setPassword } from '@/graphql/mutations'
 
 const textFields = {
   reset: {
diff --git a/frontend/src/pages/RegisterSelectCommunity.spec.js b/frontend/src/pages/SelectCommunity.spec.js
similarity index 94%
rename from frontend/src/pages/RegisterSelectCommunity.spec.js
rename to frontend/src/pages/SelectCommunity.spec.js
index d2a13fb4e..f8896ae15 100644
--- a/frontend/src/pages/RegisterSelectCommunity.spec.js
+++ b/frontend/src/pages/SelectCommunity.spec.js
@@ -1,8 +1,8 @@
 import { mount, RouterLinkStub } from '@vue/test-utils'
-import { communities, communityInfo } from '../../graphql/queries'
-import RegisterSelectCommunity from './RegisterSelectCommunity'
+import { communities, communityInfo } from '@/graphql/queries'
+import SelectCommunity from './SelectCommunity'
 
-import { toastErrorSpy } from '../../../test/testSetup'
+import { toastErrorSpy } from '@test/testSetup'
 
 const localVue = global.localVue
 
@@ -56,7 +56,7 @@ const apolloQueryMock = jest
 
 const mockStoreCommit = jest.fn()
 
-describe('RegisterSelectCommunity', () => {
+describe('SelectCommunity', () => {
   let wrapper
 
   const mocks = {
@@ -86,7 +86,7 @@ describe('RegisterSelectCommunity', () => {
   }
 
   const Wrapper = () => {
-    return mount(RegisterSelectCommunity, { localVue, mocks, stubs })
+    return mount(SelectCommunity, { localVue, mocks, stubs })
   }
 
   describe('mount', () => {
diff --git a/frontend/src/pages/RegisterSelectCommunity.vue b/frontend/src/pages/SelectCommunity.vue
similarity index 95%
rename from frontend/src/pages/RegisterSelectCommunity.vue
rename to frontend/src/pages/SelectCommunity.vue
index 28b89e95f..59650c168 100644
--- a/frontend/src/pages/RegisterSelectCommunity.vue
+++ b/frontend/src/pages/SelectCommunity.vue
@@ -48,8 +48,8 @@
   </div>
 </template>
 <script>
-import { communities } from '../../graphql/queries'
-import { getCommunityInfoMixin } from '../../mixins/getCommunityInfo'
+import { communities } from '@/graphql/queries'
+import { getCommunityInfoMixin } from '@/mixins/getCommunityInfo'
 
 export default {
   name: 'registerSelectCommunity',
diff --git a/frontend/src/pages/SendOverview.spec.js b/frontend/src/pages/Send.spec.js
similarity index 96%
rename from frontend/src/pages/SendOverview.spec.js
rename to frontend/src/pages/Send.spec.js
index a03fd3a5a..c724d965f 100644
--- a/frontend/src/pages/SendOverview.spec.js
+++ b/frontend/src/pages/Send.spec.js
@@ -1,5 +1,5 @@
 import { mount } from '@vue/test-utils'
-import SendOverview from './SendOverview'
+import Send from './Send'
 
 const sendMock = jest.fn()
 sendMock.mockResolvedValue('success')
@@ -8,7 +8,7 @@ const localVue = global.localVue
 
 // window.scrollTo = jest.fn()
 
-describe('SendOverview', () => {
+describe('Send', () => {
   let wrapper
 
   const propsData = {
@@ -32,7 +32,7 @@ describe('SendOverview', () => {
   }
 
   const Wrapper = () => {
-    return mount(SendOverview, { localVue, mocks, propsData })
+    return mount(Send, { localVue, mocks, propsData })
   }
 
   describe('mount', () => {
diff --git a/frontend/src/pages/SendOverview.vue b/frontend/src/pages/Send.vue
similarity index 98%
rename from frontend/src/pages/SendOverview.vue
rename to frontend/src/pages/Send.vue
index d247e1bbe..db8e8d314 100644
--- a/frontend/src/pages/SendOverview.vue
+++ b/frontend/src/pages/Send.vue
@@ -34,7 +34,7 @@ import GddSend from './SendOverview/GddSend.vue'
 import TransactionForm from './SendOverview/GddSend/TransactionForm.vue'
 import TransactionConfirmation from './SendOverview/GddSend/TransactionConfirmation.vue'
 import TransactionResult from './SendOverview/GddSend/TransactionResult.vue'
-import { sendCoins } from '../../graphql/mutations.js'
+import { sendCoins } from '@/graphql/mutations.js'
 
 const EMPTY_TRANSACTION_DATA = {
   email: '',
diff --git a/frontend/src/pages/UserProfileTransactionList.spec.js b/frontend/src/pages/Transactions.spec.js
similarity index 93%
rename from frontend/src/pages/UserProfileTransactionList.spec.js
rename to frontend/src/pages/Transactions.spec.js
index a9ab48a19..25bc05985 100644
--- a/frontend/src/pages/UserProfileTransactionList.spec.js
+++ b/frontend/src/pages/Transactions.spec.js
@@ -1,11 +1,11 @@
 import { mount } from '@vue/test-utils'
-import UserProfileTransactionList from './UserProfileTransactionList'
+import Transactions from './Transactions'
 
 const localVue = global.localVue
 
 window.scrollTo = jest.fn()
 
-describe('UserProfileTransactionList', () => {
+describe('Transactions', () => {
   let wrapper
 
   const mocks = {
@@ -22,7 +22,7 @@ describe('UserProfileTransactionList', () => {
   }
 
   const Wrapper = () => {
-    return mount(UserProfileTransactionList, { localVue, mocks, stubs })
+    return mount(Transactions, { localVue, mocks, stubs })
   }
 
   describe('mount', () => {
diff --git a/frontend/src/pages/UserProfileTransactionList.vue b/frontend/src/pages/Transactions.vue
similarity index 100%
rename from frontend/src/pages/UserProfileTransactionList.vue
rename to frontend/src/pages/Transactions.vue
diff --git a/frontend/src/pages/UserProfile/UserCard_CoinAnimation.spec.js b/frontend/src/pages/UserProfile/UserCard_CoinAnimation.spec.js
index 4cc4477b1..92c2f2b54 100644
--- a/frontend/src/pages/UserProfile/UserCard_CoinAnimation.spec.js
+++ b/frontend/src/pages/UserProfile/UserCard_CoinAnimation.spec.js
@@ -1,8 +1,8 @@
 import { mount } from '@vue/test-utils'
 import UserCardCoinAnimation from './UserCard_CoinAnimation'
-import { updateUserInfos } from '../../../graphql/mutations'
+import { updateUserInfos } from '@/graphql/mutations'
 
-import { toastErrorSpy, toastSuccessSpy } from '../../../../test/testSetup'
+import { toastErrorSpy, toastSuccessSpy } from '@test/testSetup'
 
 const localVue = global.localVue
 
diff --git a/frontend/src/pages/UserProfile/UserCard_CoinAnimation.vue b/frontend/src/pages/UserProfile/UserCard_CoinAnimation.vue
index 8f68224a9..19a082e41 100644
--- a/frontend/src/pages/UserProfile/UserCard_CoinAnimation.vue
+++ b/frontend/src/pages/UserProfile/UserCard_CoinAnimation.vue
@@ -31,7 +31,7 @@
   </b-card>
 </template>
 <script>
-import { updateUserInfos } from '../../../graphql/mutations'
+import { updateUserInfos } from '@/graphql/mutations'
 export default {
   name: 'FormUserCoinAnimation',
   data() {
diff --git a/frontend/src/pages/UserProfile/UserCard_FormUserData.spec.js b/frontend/src/pages/UserProfile/UserCard_FormUserData.spec.js
index c86a335c7..956318367 100644
--- a/frontend/src/pages/UserProfile/UserCard_FormUserData.spec.js
+++ b/frontend/src/pages/UserProfile/UserCard_FormUserData.spec.js
@@ -2,7 +2,7 @@ import { mount } from '@vue/test-utils'
 import UserCardFormUserData from './UserCard_FormUserData'
 import flushPromises from 'flush-promises'
 
-import { toastErrorSpy, toastSuccessSpy } from '../../../../test/testSetup'
+import { toastErrorSpy, toastSuccessSpy } from '@test/testSetup'
 
 const localVue = global.localVue
 
diff --git a/frontend/src/pages/UserProfile/UserCard_FormUserData.vue b/frontend/src/pages/UserProfile/UserCard_FormUserData.vue
index 33fcccaab..56b8e171c 100644
--- a/frontend/src/pages/UserProfile/UserCard_FormUserData.vue
+++ b/frontend/src/pages/UserProfile/UserCard_FormUserData.vue
@@ -64,7 +64,7 @@
   </b-card>
 </template>
 <script>
-import { updateUserInfos } from '../../../graphql/mutations'
+import { updateUserInfos } from '@/graphql/mutations'
 
 export default {
   name: 'FormUserData',
diff --git a/frontend/src/pages/UserProfile/UserCard_FormUserMail.vue b/frontend/src/pages/UserProfile/UserCard_FormUserMail.vue
index de276afdf..f21d8ffa3 100644
--- a/frontend/src/pages/UserProfile/UserCard_FormUserMail.vue
+++ b/frontend/src/pages/UserProfile/UserCard_FormUserMail.vue
@@ -32,7 +32,7 @@
   </b-card>
 </template>
 <script>
-import { updateUserInfos } from '../../../graphql/mutations'
+import { updateUserInfos } from '@/graphql/mutations'
 
 export default {
   name: 'FormUserMail',
diff --git a/frontend/src/pages/UserProfile/UserCard_FormUserPasswort.spec.js b/frontend/src/pages/UserProfile/UserCard_FormUserPasswort.spec.js
index 0299bdc1b..fb79c42c8 100644
--- a/frontend/src/pages/UserProfile/UserCard_FormUserPasswort.spec.js
+++ b/frontend/src/pages/UserProfile/UserCard_FormUserPasswort.spec.js
@@ -2,7 +2,7 @@ import { mount } from '@vue/test-utils'
 import UserCardFormPasswort from './UserCard_FormUserPasswort'
 import flushPromises from 'flush-promises'
 
-import { toastErrorSpy, toastSuccessSpy } from '../../../../test/testSetup'
+import { toastErrorSpy, toastSuccessSpy } from '@test/testSetup'
 
 const localVue = global.localVue
 
diff --git a/frontend/src/pages/UserProfile/UserCard_FormUserPasswort.vue b/frontend/src/pages/UserProfile/UserCard_FormUserPasswort.vue
index d1608d72e..690edb83e 100644
--- a/frontend/src/pages/UserProfile/UserCard_FormUserPasswort.vue
+++ b/frontend/src/pages/UserProfile/UserCard_FormUserPasswort.vue
@@ -48,9 +48,9 @@
   </b-card>
 </template>
 <script>
-import InputPassword from '../../../components/Inputs/InputPassword'
-import InputPasswordConfirmation from '../../../components/Inputs/InputPasswordConfirmation'
-import { updateUserInfos } from '../../../graphql/mutations'
+import InputPassword from '@/components/Inputs/InputPassword'
+import InputPasswordConfirmation from '@/components/Inputs/InputPasswordConfirmation'
+import { updateUserInfos } from '@/graphql/mutations'
 
 export default {
   name: 'FormUserPasswort',
diff --git a/frontend/src/pages/UserProfile/UserCard_Language.spec.js b/frontend/src/pages/UserProfile/UserCard_Language.spec.js
index e30632cec..5f54d2905 100644
--- a/frontend/src/pages/UserProfile/UserCard_Language.spec.js
+++ b/frontend/src/pages/UserProfile/UserCard_Language.spec.js
@@ -1,7 +1,7 @@
 import { mount } from '@vue/test-utils'
 import UserCardLanguage from './UserCard_Language'
 
-import { toastErrorSpy, toastSuccessSpy } from '../../../../test/testSetup'
+import { toastErrorSpy, toastSuccessSpy } from '@test/testSetup'
 
 const localVue = global.localVue
 
diff --git a/frontend/src/pages/UserProfile/UserCard_Language.vue b/frontend/src/pages/UserProfile/UserCard_Language.vue
index 9109dde60..c792354de 100644
--- a/frontend/src/pages/UserProfile/UserCard_Language.vue
+++ b/frontend/src/pages/UserProfile/UserCard_Language.vue
@@ -60,8 +60,8 @@
   </b-card>
 </template>
 <script>
-import LanguageSwitchSelect from '../../../components/LanguageSwitchSelect.vue'
-import { updateUserInfos } from '../../../graphql/mutations'
+import LanguageSwitchSelect from '@/components/LanguageSwitchSelect.vue'
+import { updateUserInfos } from '@/graphql/mutations'
 
 export default {
   name: 'FormUserLanguage',
diff --git a/frontend/src/pages/UserProfile/UserCard_Newsletter.spec.js b/frontend/src/pages/UserProfile/UserCard_Newsletter.spec.js
index 1f552807f..8cb55e8c4 100644
--- a/frontend/src/pages/UserProfile/UserCard_Newsletter.spec.js
+++ b/frontend/src/pages/UserProfile/UserCard_Newsletter.spec.js
@@ -1,8 +1,8 @@
 import { mount } from '@vue/test-utils'
 import UserCardNewsletter from './UserCard_Newsletter'
-import { unsubscribeNewsletter, subscribeNewsletter } from '../../../graphql/mutations'
+import { unsubscribeNewsletter, subscribeNewsletter } from '@/graphql/mutations'
 
-import { toastErrorSpy, toastSuccessSpy } from '../../../../test/testSetup'
+import { toastErrorSpy, toastSuccessSpy } from '@test/testSetup'
 
 const localVue = global.localVue
 
diff --git a/frontend/src/pages/UserProfile/UserCard_Newsletter.vue b/frontend/src/pages/UserProfile/UserCard_Newsletter.vue
index 23834523e..b378406cf 100644
--- a/frontend/src/pages/UserProfile/UserCard_Newsletter.vue
+++ b/frontend/src/pages/UserProfile/UserCard_Newsletter.vue
@@ -27,7 +27,7 @@
   </b-card>
 </template>
 <script>
-import { subscribeNewsletter, unsubscribeNewsletter } from '../../../graphql/mutations'
+import { subscribeNewsletter, unsubscribeNewsletter } from '@/graphql/mutations'
 
 export default {
   name: 'FormUserNewsletter',
diff --git a/frontend/src/routes/router.test.js b/frontend/src/routes/router.test.js
index f82065bc0..eaf8fa035 100644
--- a/frontend/src/routes/router.test.js
+++ b/frontend/src/routes/router.test.js
@@ -1,5 +1,5 @@
 import router from './router'
-import NotFound from '@/views/NotFoundPage.vue'
+import NotFound from '@/components/NotFoundPage.vue'
 
 describe('router', () => {
   describe('options', () => {
diff --git a/frontend/src/routes/routes.js b/frontend/src/routes/routes.js
index fcb4e6fc6..f38f3b6ea 100755
--- a/frontend/src/routes/routes.js
+++ b/frontend/src/routes/routes.js
@@ -1,4 +1,4 @@
-import NotFound from '@/views/NotFoundPage.vue'
+import NotFound from '@/components/NotFoundPage.vue'
 
 const routes = [
   {
@@ -12,43 +12,43 @@ const routes = [
   },
   {
     path: '/overview',
-    component: () => import('../views/Pages/AccountOverview.vue'),
+    component: () => import('@/pages/Overview.vue'),
     meta: {
       requiresAuth: true,
     },
   },
   {
     path: '/send',
-    component: () => import('../views/Pages/SendOverview.vue'),
+    component: () => import('@/pages/Send.vue'),
     meta: {
       requiresAuth: true,
     },
   },
   {
     path: '/profile',
-    component: () => import('../views/Pages/UserProfileOverview.vue'),
+    component: () => import('@/pages/Profile.vue'),
     meta: {
       requiresAuth: true,
     },
   },
   {
     path: '/transactions',
-    component: () => import('../views/Pages/UserProfileTransactionList.vue'),
+    component: () => import('@/pages/Transactions.vue'),
     meta: {
       requiresAuth: true,
     },
   },
   {
     path: '/login',
-    component: () => import('../views/Pages/Login.vue'),
+    component: () => import('@/pages/Login.vue'),
   },
   {
     path: '/register',
-    component: () => import('../views/Pages/Register.vue'),
+    component: () => import('@/pages/Register.vue'),
   },
   {
     path: '/thx/:comingFrom',
-    component: () => import('../views/Pages/thx.vue'),
+    component: () => import('@/pages/thx.vue'),
     beforeEnter: (to, from, next) => {
       const validFrom = ['password', 'reset', 'register', 'login', 'checkEmail']
       if (!validFrom.includes(from.path.split('/')[1])) {
@@ -60,27 +60,27 @@ const routes = [
   },
   {
     path: '/password',
-    component: () => import('../views/Pages/ForgotPassword.vue'),
+    component: () => import('@/pages/ForgotPassword.vue'),
   },
   {
     path: '/password/:comingFrom',
-    component: () => import('../views/Pages/ForgotPassword.vue'),
+    component: () => import('@/pages/ForgotPassword.vue'),
   },
   {
     path: '/register-community',
-    component: () => import('../views/Pages/RegisterCommunity.vue'),
+    component: () => import('@/pages/RegisterCommunity.vue'),
   },
   {
     path: '/select-community',
-    component: () => import('../views/Pages/RegisterSelectCommunity.vue'),
+    component: () => import('@/pages/SelectCommunity.vue'),
   },
   {
     path: '/reset/:optin',
-    component: () => import('../views/Pages/ResetPassword.vue'),
+    component: () => import('@/pages/ResetPassword.vue'),
   },
   {
     path: '/checkEmail/:optin',
-    component: () => import('../views/Pages/ResetPassword.vue'),
+    component: () => import('@/pages/ResetPassword.vue'),
   },
   { path: '*', component: NotFound },
 ]