diff --git a/admin/src/App.vue b/admin/src/App.vue
index bcaab2ef9..2094e06b1 100644
--- a/admin/src/App.vue
+++ b/admin/src/App.vue
@@ -6,7 +6,7 @@
 </template>
 
 <script>
-import defaultLayout from '@/layouts/defaultLayout.vue'
+import defaultLayout from '@/layouts/defaultLayout'
 
 export default {
   name: 'app',
diff --git a/admin/src/components/ChangeUserRoleFormular.spec.js b/admin/src/components/ChangeUserRoleFormular.spec.js
index 8bcd4d8e5..7f2154ecc 100644
--- a/admin/src/components/ChangeUserRoleFormular.spec.js
+++ b/admin/src/components/ChangeUserRoleFormular.spec.js
@@ -1,5 +1,5 @@
 import { mount } from '@vue/test-utils'
-import ChangeUserRoleFormular from './ChangeUserRoleFormular.vue'
+import ChangeUserRoleFormular from './ChangeUserRoleFormular'
 import { setUserRole } from '../graphql/setUserRole'
 import { toastSuccessSpy, toastErrorSpy } from '../../test/testSetup'
 
diff --git a/admin/src/components/ConfirmRegisterMailFormular.spec.js b/admin/src/components/ConfirmRegisterMailFormular.spec.js
index e9e21b31e..45cca10f7 100644
--- a/admin/src/components/ConfirmRegisterMailFormular.spec.js
+++ b/admin/src/components/ConfirmRegisterMailFormular.spec.js
@@ -1,5 +1,5 @@
 import { mount } from '@vue/test-utils'
-import ConfirmRegisterMailFormular from './ConfirmRegisterMailFormular.vue'
+import ConfirmRegisterMailFormular from './ConfirmRegisterMailFormular'
 
 import { toastErrorSpy, toastSuccessSpy } from '../../test/testSetup'
 
diff --git a/admin/src/components/ContributionLink/ContributionLink.spec.js b/admin/src/components/ContributionLink/ContributionLink.spec.js
index 461027e64..85117e071 100644
--- a/admin/src/components/ContributionLink/ContributionLink.spec.js
+++ b/admin/src/components/ContributionLink/ContributionLink.spec.js
@@ -1,5 +1,5 @@
 import { mount } from '@vue/test-utils'
-import ContributionLink from './ContributionLink.vue'
+import ContributionLink from './ContributionLink'
 
 const localVue = global.localVue
 
diff --git a/admin/src/components/ContributionLink/ContributionLink.vue b/admin/src/components/ContributionLink/ContributionLink.vue
index b369386b1..027eb35d7 100644
--- a/admin/src/components/ContributionLink/ContributionLink.vue
+++ b/admin/src/components/ContributionLink/ContributionLink.vue
@@ -43,8 +43,8 @@
   </div>
 </template>
 <script>
-import ContributionLinkForm from '../ContributionLink/ContributionLinkForm.vue'
-import ContributionLinkList from '../ContributionLink/ContributionLinkList.vue'
+import ContributionLinkForm from '../ContributionLink/ContributionLinkForm'
+import ContributionLinkList from '../ContributionLink/ContributionLinkList'
 
 export default {
   name: 'ContributionLink',
diff --git a/admin/src/components/ContributionLink/ContributionLinkForm.spec.js b/admin/src/components/ContributionLink/ContributionLinkForm.spec.js
index 089ef90ad..93f39a3fd 100644
--- a/admin/src/components/ContributionLink/ContributionLinkForm.spec.js
+++ b/admin/src/components/ContributionLink/ContributionLinkForm.spec.js
@@ -1,5 +1,5 @@
 import { mount } from '@vue/test-utils'
-import ContributionLinkForm from './ContributionLinkForm.vue'
+import ContributionLinkForm from './ContributionLinkForm'
 import { toastErrorSpy, toastSuccessSpy } from '../../../test/testSetup'
 import { createContributionLink } from '@/graphql/createContributionLink.js'
 
diff --git a/admin/src/components/ContributionLink/ContributionLinkList.spec.js b/admin/src/components/ContributionLink/ContributionLinkList.spec.js
index 74dfa11be..de4798d41 100644
--- a/admin/src/components/ContributionLink/ContributionLinkList.spec.js
+++ b/admin/src/components/ContributionLink/ContributionLinkList.spec.js
@@ -1,5 +1,5 @@
 import { mount } from '@vue/test-utils'
-import ContributionLinkList from './ContributionLinkList.vue'
+import ContributionLinkList from './ContributionLinkList'
 import { toastSuccessSpy, toastErrorSpy } from '../../../test/testSetup'
 // import { deleteContributionLink } from '../graphql/deleteContributionLink'
 
diff --git a/admin/src/components/ContributionLink/ContributionLinkList.vue b/admin/src/components/ContributionLink/ContributionLinkList.vue
index 9d8977d04..163b0917b 100644
--- a/admin/src/components/ContributionLink/ContributionLinkList.vue
+++ b/admin/src/components/ContributionLink/ContributionLinkList.vue
@@ -46,7 +46,7 @@
 </template>
 <script>
 import { deleteContributionLink } from '@/graphql/deleteContributionLink.js'
-import FigureQrCode from '../FigureQrCode.vue'
+import FigureQrCode from '../FigureQrCode'
 
 export default {
   name: 'ContributionLinkList',
diff --git a/admin/src/components/ContributionMessages/ContributionMessagesFormular.spec.js b/admin/src/components/ContributionMessages/ContributionMessagesFormular.spec.js
index 62fcab505..a81009c09 100644
--- a/admin/src/components/ContributionMessages/ContributionMessagesFormular.spec.js
+++ b/admin/src/components/ContributionMessages/ContributionMessagesFormular.spec.js
@@ -1,5 +1,5 @@
 import { mount } from '@vue/test-utils'
-import ContributionMessagesFormular from './ContributionMessagesFormular.vue'
+import ContributionMessagesFormular from './ContributionMessagesFormular'
 import { toastErrorSpy, toastSuccessSpy } from '../../../test/testSetup'
 
 const localVue = global.localVue
diff --git a/admin/src/components/ContributionMessages/ContributionMessagesList.spec.js b/admin/src/components/ContributionMessages/ContributionMessagesList.spec.js
index 0bca08b2a..0092751cc 100644
--- a/admin/src/components/ContributionMessages/ContributionMessagesList.spec.js
+++ b/admin/src/components/ContributionMessages/ContributionMessagesList.spec.js
@@ -1,5 +1,5 @@
 import { mount } from '@vue/test-utils'
-import ContributionMessagesList from './ContributionMessagesList.vue'
+import ContributionMessagesList from './ContributionMessagesList'
 
 const localVue = global.localVue
 
diff --git a/admin/src/components/ContributionMessages/ContributionMessagesList.vue b/admin/src/components/ContributionMessages/ContributionMessagesList.vue
index 8f5a3e119..636627385 100644
--- a/admin/src/components/ContributionMessages/ContributionMessagesList.vue
+++ b/admin/src/components/ContributionMessages/ContributionMessagesList.vue
@@ -15,8 +15,8 @@
   </div>
 </template>
 <script>
-import ContributionMessagesListItem from './slots/ContributionMessagesListItem.vue'
-import ContributionMessagesFormular from '../ContributionMessages/ContributionMessagesFormular.vue'
+import ContributionMessagesListItem from './slots/ContributionMessagesListItem'
+import ContributionMessagesFormular from '../ContributionMessages/ContributionMessagesFormular'
 import { listContributionMessages } from '../../graphql/listContributionMessages.js'
 
 export default {
diff --git a/admin/src/components/ContributionMessages/slots/ContributionMessagesListItem.spec.js b/admin/src/components/ContributionMessages/slots/ContributionMessagesListItem.spec.js
index 1b4f963e8..d02b5053a 100644
--- a/admin/src/components/ContributionMessages/slots/ContributionMessagesListItem.spec.js
+++ b/admin/src/components/ContributionMessages/slots/ContributionMessagesListItem.spec.js
@@ -1,5 +1,5 @@
 import { mount } from '@vue/test-utils'
-import ContributionMessagesListItem from './ContributionMessagesListItem.vue'
+import ContributionMessagesListItem from './ContributionMessagesListItem'
 
 const localVue = global.localVue
 
diff --git a/admin/src/components/ContributionMessages/slots/ContributionMessagesListItem.vue b/admin/src/components/ContributionMessages/slots/ContributionMessagesListItem.vue
index 53006cff5..4b94b0bf1 100644
--- a/admin/src/components/ContributionMessages/slots/ContributionMessagesListItem.vue
+++ b/admin/src/components/ContributionMessages/slots/ContributionMessagesListItem.vue
@@ -16,7 +16,7 @@
   </div>
 </template>
 <script>
-import ParseMessage from '@/components/ContributionMessages/ParseMessage.vue'
+import ParseMessage from '@/components/ContributionMessages/ParseMessage'
 
 export default {
   name: 'ContributionMessagesListItem',
diff --git a/admin/src/components/CreationFormular.spec.js b/admin/src/components/CreationFormular.spec.js
index 6e4c1dc6e..b4b2e8b28 100644
--- a/admin/src/components/CreationFormular.spec.js
+++ b/admin/src/components/CreationFormular.spec.js
@@ -1,5 +1,5 @@
 import { mount } from '@vue/test-utils'
-import CreationFormular from './CreationFormular.vue'
+import CreationFormular from './CreationFormular'
 import { adminCreateContribution } from '../graphql/adminCreateContribution'
 import { adminCreateContributions } from '../graphql/adminCreateContributions'
 import { toastErrorSpy, toastSuccessSpy } from '../../test/testSetup'
diff --git a/admin/src/components/CreationTransactionList.spec.js b/admin/src/components/CreationTransactionList.spec.js
index 9613942f8..5950f7d62 100644
--- a/admin/src/components/CreationTransactionList.spec.js
+++ b/admin/src/components/CreationTransactionList.spec.js
@@ -1,5 +1,5 @@
 import { mount } from '@vue/test-utils'
-import CreationTransactionList from './CreationTransactionList.vue'
+import CreationTransactionList from './CreationTransactionList'
 import { toastErrorSpy } from '../../test/testSetup'
 
 const localVue = global.localVue
diff --git a/admin/src/components/DeletedUserFormular.spec.js b/admin/src/components/DeletedUserFormular.spec.js
index e6a2c94a6..f4a9da39e 100644
--- a/admin/src/components/DeletedUserFormular.spec.js
+++ b/admin/src/components/DeletedUserFormular.spec.js
@@ -1,5 +1,5 @@
 import { mount } from '@vue/test-utils'
-import DeletedUserFormular from './DeletedUserFormular.vue'
+import DeletedUserFormular from './DeletedUserFormular'
 import { deleteUser } from '../graphql/deleteUser'
 import { unDeleteUser } from '../graphql/unDeleteUser'
 import { toastErrorSpy } from '../../test/testSetup'
diff --git a/admin/src/components/EditCreationFormular.spec.js b/admin/src/components/EditCreationFormular.spec.js
index 2ed3baa3b..4a304dc79 100644
--- a/admin/src/components/EditCreationFormular.spec.js
+++ b/admin/src/components/EditCreationFormular.spec.js
@@ -1,5 +1,5 @@
 import { mount } from '@vue/test-utils'
-import EditCreationFormular from './EditCreationFormular.vue'
+import EditCreationFormular from './EditCreationFormular'
 import { toastErrorSpy, toastSuccessSpy } from '../../test/testSetup'
 
 const localVue = global.localVue
diff --git a/admin/src/components/FigureQrCode.spec.js b/admin/src/components/FigureQrCode.spec.js
index 2c18a31a1..2cc1d0e89 100644
--- a/admin/src/components/FigureQrCode.spec.js
+++ b/admin/src/components/FigureQrCode.spec.js
@@ -1,5 +1,5 @@
 import { mount } from '@vue/test-utils'
-import FigureQrCode from './FigureQrCode.vue'
+import FigureQrCode from './FigureQrCode'
 
 const localVue = global.localVue
 
diff --git a/admin/src/components/NavBar.spec.js b/admin/src/components/NavBar.spec.js
index 61f126904..8b4cdc132 100644
--- a/admin/src/components/NavBar.spec.js
+++ b/admin/src/components/NavBar.spec.js
@@ -1,5 +1,5 @@
 import { mount } from '@vue/test-utils'
-import NavBar from './NavBar.vue'
+import NavBar from './NavBar'
 
 const localVue = global.localVue
 
diff --git a/admin/src/components/Overlay.spec.js b/admin/src/components/Overlay.spec.js
index 6a857068f..0d7864f9e 100644
--- a/admin/src/components/Overlay.spec.js
+++ b/admin/src/components/Overlay.spec.js
@@ -1,5 +1,5 @@
 import { mount } from '@vue/test-utils'
-import Overlay from './Overlay.vue'
+import Overlay from './Overlay'
 
 const localVue = global.localVue
 
diff --git a/admin/src/components/Tables/OpenCreationsTable.spec.js b/admin/src/components/Tables/OpenCreationsTable.spec.js
index e5f1663d9..6542dab31 100644
--- a/admin/src/components/Tables/OpenCreationsTable.spec.js
+++ b/admin/src/components/Tables/OpenCreationsTable.spec.js
@@ -1,5 +1,5 @@
 import { mount } from '@vue/test-utils'
-import OpenCreationsTable from './OpenCreationsTable.vue'
+import OpenCreationsTable from './OpenCreationsTable'
 
 const localVue = global.localVue
 
diff --git a/admin/src/components/Tables/OpenCreationsTable.vue b/admin/src/components/Tables/OpenCreationsTable.vue
index faaf3a69d..a4db8ac99 100644
--- a/admin/src/components/Tables/OpenCreationsTable.vue
+++ b/admin/src/components/Tables/OpenCreationsTable.vue
@@ -117,9 +117,9 @@
 
 <script>
 import { toggleRowDetails } from '../../mixins/toggleRowDetails'
-import RowDetails from '../RowDetails.vue'
-import EditCreationFormular from '../EditCreationFormular.vue'
-import ContributionMessagesList from '../ContributionMessages/ContributionMessagesList.vue'
+import RowDetails from '../RowDetails'
+import EditCreationFormular from '../EditCreationFormular'
+import ContributionMessagesList from '../ContributionMessages/ContributionMessagesList'
 
 const iconMap = {
   IN_PROGRESS: 'question-square',
diff --git a/admin/src/components/Tables/SearchUserTable.spec.js b/admin/src/components/Tables/SearchUserTable.spec.js
index e9072e54b..20eeb9dad 100644
--- a/admin/src/components/Tables/SearchUserTable.spec.js
+++ b/admin/src/components/Tables/SearchUserTable.spec.js
@@ -1,5 +1,5 @@
 import { mount } from '@vue/test-utils'
-import SearchUserTable from './SearchUserTable.vue'
+import SearchUserTable from './SearchUserTable'
 
 const localVue = global.localVue
 
diff --git a/admin/src/components/Tables/SearchUserTable.vue b/admin/src/components/Tables/SearchUserTable.vue
index 772160202..a0eec0d4d 100644
--- a/admin/src/components/Tables/SearchUserTable.vue
+++ b/admin/src/components/Tables/SearchUserTable.vue
@@ -92,12 +92,12 @@
   </div>
 </template>
 <script>
-import CreationFormular from '../CreationFormular.vue'
-import ConfirmRegisterMailFormular from '../ConfirmRegisterMailFormular.vue'
-import CreationTransactionList from '../CreationTransactionList.vue'
-import TransactionLinkList from '../TransactionLinkList.vue'
-import ChangeUserRoleFormular from '../ChangeUserRoleFormular.vue'
-import DeletedUserFormular from '../DeletedUserFormular.vue'
+import CreationFormular from '../CreationFormular'
+import ConfirmRegisterMailFormular from '../ConfirmRegisterMailFormular'
+import CreationTransactionList from '../CreationTransactionList'
+import TransactionLinkList from '../TransactionLinkList'
+import ChangeUserRoleFormular from '../ChangeUserRoleFormular'
+import DeletedUserFormular from '../DeletedUserFormular'
 
 export default {
   name: 'SearchUserTable',
diff --git a/admin/src/components/Tables/StatisticTable.spec.js b/admin/src/components/Tables/StatisticTable.spec.js
index 876728aff..99d1316fc 100644
--- a/admin/src/components/Tables/StatisticTable.spec.js
+++ b/admin/src/components/Tables/StatisticTable.spec.js
@@ -1,5 +1,5 @@
 import { mount } from '@vue/test-utils'
-import StatisticTable from './StatisticTable.vue'
+import StatisticTable from './StatisticTable'
 
 const localVue = global.localVue
 
diff --git a/admin/src/components/TransactionLinkList.spec.js b/admin/src/components/TransactionLinkList.spec.js
index 094e515b2..3deaefa23 100644
--- a/admin/src/components/TransactionLinkList.spec.js
+++ b/admin/src/components/TransactionLinkList.spec.js
@@ -1,5 +1,5 @@
 import { mount } from '@vue/test-utils'
-import TransactionLinkList from './TransactionLinkList.vue'
+import TransactionLinkList from './TransactionLinkList'
 import { listTransactionLinksAdmin } from '../graphql/listTransactionLinksAdmin.js'
 import { toastErrorSpy } from '../../test/testSetup'
 
diff --git a/admin/src/layouts/defaultLayout.vue b/admin/src/layouts/defaultLayout.vue
index 28babdd58..9fbc7b8ed 100644
--- a/admin/src/layouts/defaultLayout.vue
+++ b/admin/src/layouts/defaultLayout.vue
@@ -7,8 +7,8 @@
 </template>
 
 <script>
-import NavBar from '@/components/NavBar.vue'
-import ContentFooter from '@/components/ContentFooter.vue'
+import NavBar from '@/components/NavBar'
+import ContentFooter from '@/components/ContentFooter'
 export default {
   name: 'defaultLayout',
   components: {
diff --git a/admin/src/main.js b/admin/src/main.js
index f6c021a53..6a8b017c5 100644
--- a/admin/src/main.js
+++ b/admin/src/main.js
@@ -1,5 +1,5 @@
 import Vue from 'vue'
-import App from './App.vue'
+import App from './App'
 
 // without this async calls are not working
 import 'regenerator-runtime'
diff --git a/admin/src/pages/CommunityStatistic.spec.js b/admin/src/pages/CommunityStatistic.spec.js
index 528548f02..4dbf5db5b 100644
--- a/admin/src/pages/CommunityStatistic.spec.js
+++ b/admin/src/pages/CommunityStatistic.spec.js
@@ -1,5 +1,5 @@
 import { mount } from '@vue/test-utils'
-import CommunityStatistic from './CommunityStatistic.vue'
+import CommunityStatistic from './CommunityStatistic'
 import { communityStatistics } from '@/graphql/communityStatistics.js'
 import { toastErrorSpy } from '../../test/testSetup'
 import VueApollo from 'vue-apollo'
diff --git a/admin/src/pages/CommunityStatistic.vue b/admin/src/pages/CommunityStatistic.vue
index e656fd2c8..81e087b45 100644
--- a/admin/src/pages/CommunityStatistic.vue
+++ b/admin/src/pages/CommunityStatistic.vue
@@ -5,7 +5,7 @@
 </template>
 <script>
 import { communityStatistics } from '@/graphql/communityStatistics.js'
-import StatisticTable from '../components/Tables/StatisticTable.vue'
+import StatisticTable from '../components/Tables/StatisticTable'
 
 export default {
   name: 'CommunityStatistic',
diff --git a/admin/src/pages/ContributionLinks.spec.js b/admin/src/pages/ContributionLinks.spec.js
index 0b79d8671..60b70c1c6 100644
--- a/admin/src/pages/ContributionLinks.spec.js
+++ b/admin/src/pages/ContributionLinks.spec.js
@@ -1,5 +1,5 @@
 import { mount } from '@vue/test-utils'
-import ContributionLinks from './ContributionLinks.vue'
+import ContributionLinks from './ContributionLinks'
 import { listContributionLinks } from '@/graphql/listContributionLinks.js'
 import { toastErrorSpy } from '../../test/testSetup'
 
diff --git a/admin/src/pages/ContributionLinks.vue b/admin/src/pages/ContributionLinks.vue
index 75667523f..0a8436d73 100644
--- a/admin/src/pages/ContributionLinks.vue
+++ b/admin/src/pages/ContributionLinks.vue
@@ -9,7 +9,7 @@
 </template>
 <script>
 import { listContributionLinks } from '@/graphql/listContributionLinks.js'
-import ContributionLink from '../components/ContributionLink/ContributionLink.vue'
+import ContributionLink from '../components/ContributionLink/ContributionLink'
 
 export default {
   name: 'ContributionLinks',
diff --git a/admin/src/pages/CreationConfirm.spec.js b/admin/src/pages/CreationConfirm.spec.js
index e2d52ccf7..710f2b26f 100644
--- a/admin/src/pages/CreationConfirm.spec.js
+++ b/admin/src/pages/CreationConfirm.spec.js
@@ -1,5 +1,5 @@
 import { mount } from '@vue/test-utils'
-import CreationConfirm from './CreationConfirm.vue'
+import CreationConfirm from './CreationConfirm'
 import { adminDeleteContribution } from '../graphql/adminDeleteContribution'
 import { denyContribution } from '../graphql/denyContribution'
 import { listAllContributions } from '../graphql/listAllContributions'
diff --git a/admin/src/pages/CreationConfirm.vue b/admin/src/pages/CreationConfirm.vue
index 251971d05..7c354fc85 100644
--- a/admin/src/pages/CreationConfirm.vue
+++ b/admin/src/pages/CreationConfirm.vue
@@ -71,8 +71,8 @@
   </div>
 </template>
 <script>
-import Overlay from '../components/Overlay.vue'
-import OpenCreationsTable from '../components/Tables/OpenCreationsTable.vue'
+import Overlay from '../components/Overlay'
+import OpenCreationsTable from '../components/Tables/OpenCreationsTable'
 import { listAllContributions } from '../graphql/listAllContributions'
 import { adminDeleteContribution } from '../graphql/adminDeleteContribution'
 import { confirmContribution } from '../graphql/confirmContribution'
diff --git a/admin/src/pages/Overview.spec.js b/admin/src/pages/Overview.spec.js
index fcc144c07..43517833d 100644
--- a/admin/src/pages/Overview.spec.js
+++ b/admin/src/pages/Overview.spec.js
@@ -1,5 +1,5 @@
 import { mount } from '@vue/test-utils'
-import Overview from './Overview.vue'
+import Overview from './Overview'
 import { listAllContributions } from '../graphql/listAllContributions'
 import VueApollo from 'vue-apollo'
 import { createMockClient } from 'mock-apollo-client'
diff --git a/admin/src/pages/UserSearch.spec.js b/admin/src/pages/UserSearch.spec.js
index 1020d2b00..77e8a3559 100644
--- a/admin/src/pages/UserSearch.spec.js
+++ b/admin/src/pages/UserSearch.spec.js
@@ -1,5 +1,5 @@
 import { mount } from '@vue/test-utils'
-import UserSearch from './UserSearch.vue'
+import UserSearch from './UserSearch'
 import { toastErrorSpy, toastSuccessSpy } from '../../test/testSetup'
 
 const localVue = global.localVue
diff --git a/admin/src/pages/UserSearch.vue b/admin/src/pages/UserSearch.vue
index df49526d7..dbd2c7caf 100644
--- a/admin/src/pages/UserSearch.vue
+++ b/admin/src/pages/UserSearch.vue
@@ -58,7 +58,7 @@
   </div>
 </template>
 <script>
-import SearchUserTable from '../components/Tables/SearchUserTable.vue'
+import SearchUserTable from '../components/Tables/SearchUserTable'
 import { searchUsers } from '../graphql/searchUsers'
 import { creationMonths } from '../mixins/creationMonths'
 
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 3ec57ca70..a35017836 100755
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -8,8 +8,8 @@
 </template>
 
 <script>
-import DashboardLayout from '@/layouts/DashboardLayout.vue'
-import AuthLayout from '@/layouts/AuthLayout.vue'
+import DashboardLayout from '@/layouts/DashboardLayout'
+import AuthLayout from '@/layouts/AuthLayout'
 
 export default {
   name: 'App',
diff --git a/frontend/src/components/ContributionMessages/ContributionMessagesFormular.spec.js b/frontend/src/components/ContributionMessages/ContributionMessagesFormular.spec.js
index 42deac9cb..ad17152c0 100644
--- a/frontend/src/components/ContributionMessages/ContributionMessagesFormular.spec.js
+++ b/frontend/src/components/ContributionMessages/ContributionMessagesFormular.spec.js
@@ -1,5 +1,5 @@
 import { mount } from '@vue/test-utils'
-import ContributionMessagesFormular from './ContributionMessagesFormular.vue'
+import ContributionMessagesFormular from './ContributionMessagesFormular'
 import { toastErrorSpy, toastSuccessSpy } from '../../../test/testSetup'
 
 const localVue = global.localVue
diff --git a/frontend/src/components/ContributionMessages/ContributionMessagesList.spec.js b/frontend/src/components/ContributionMessages/ContributionMessagesList.spec.js
index c5c26a2c0..47a8f9dfe 100644
--- a/frontend/src/components/ContributionMessages/ContributionMessagesList.spec.js
+++ b/frontend/src/components/ContributionMessages/ContributionMessagesList.spec.js
@@ -1,5 +1,5 @@
 import { mount } from '@vue/test-utils'
-import ContributionMessagesList from './ContributionMessagesList.vue'
+import ContributionMessagesList from './ContributionMessagesList'
 
 const localVue = global.localVue
 
diff --git a/frontend/src/components/ContributionMessages/ContributionMessagesList.vue b/frontend/src/components/ContributionMessages/ContributionMessagesList.vue
index 39a31a89c..c93d424b6 100644
--- a/frontend/src/components/ContributionMessages/ContributionMessagesList.vue
+++ b/frontend/src/components/ContributionMessages/ContributionMessagesList.vue
@@ -23,8 +23,8 @@
   </div>
 </template>
 <script>
-import ContributionMessagesListItem from '@/components/ContributionMessages/ContributionMessagesListItem.vue'
-import ContributionMessagesFormular from '@/components/ContributionMessages/ContributionMessagesFormular.vue'
+import ContributionMessagesListItem from '@/components/ContributionMessages/ContributionMessagesListItem'
+import ContributionMessagesFormular from '@/components/ContributionMessages/ContributionMessagesFormular'
 
 export default {
   name: 'ContributionMessagesList',
diff --git a/frontend/src/components/ContributionMessages/ContributionMessagesListItem.spec.js b/frontend/src/components/ContributionMessages/ContributionMessagesListItem.spec.js
index 8e7310c41..b00fdd7cf 100644
--- a/frontend/src/components/ContributionMessages/ContributionMessagesListItem.spec.js
+++ b/frontend/src/components/ContributionMessages/ContributionMessagesListItem.spec.js
@@ -1,6 +1,6 @@
 import { mount } from '@vue/test-utils'
-import ContributionMessagesList from './ContributionMessagesList.vue'
-import ContributionMessagesListItem from './ContributionMessagesListItem.vue'
+import ContributionMessagesList from './ContributionMessagesList'
+import ContributionMessagesListItem from './ContributionMessagesListItem'
 
 const localVue = global.localVue
 let wrapper
diff --git a/frontend/src/components/ContributionMessages/ContributionMessagesListItem.vue b/frontend/src/components/ContributionMessages/ContributionMessagesListItem.vue
index a1472f7ad..6ae9d5933 100644
--- a/frontend/src/components/ContributionMessages/ContributionMessagesListItem.vue
+++ b/frontend/src/components/ContributionMessages/ContributionMessagesListItem.vue
@@ -35,7 +35,7 @@
 
 <script>
 import Avatar from 'vue-avatar'
-import ParseMessage from '@/components/ContributionMessages/ParseMessage.vue'
+import ParseMessage from '@/components/ContributionMessages/ParseMessage'
 
 export default {
   name: 'ContributionMessagesListItem',
diff --git a/frontend/src/components/Contributions/ContributionForm.spec.js b/frontend/src/components/Contributions/ContributionForm.spec.js
index 71ead88b9..9439bb558 100644
--- a/frontend/src/components/Contributions/ContributionForm.spec.js
+++ b/frontend/src/components/Contributions/ContributionForm.spec.js
@@ -1,5 +1,5 @@
 import { mount } from '@vue/test-utils'
-import ContributionForm from './ContributionForm.vue'
+import ContributionForm from './ContributionForm'
 
 const localVue = global.localVue
 
diff --git a/frontend/src/components/Contributions/ContributionForm.vue b/frontend/src/components/Contributions/ContributionForm.vue
index 0d512ab63..e8fb3eb30 100644
--- a/frontend/src/components/Contributions/ContributionForm.vue
+++ b/frontend/src/components/Contributions/ContributionForm.vue
@@ -88,9 +88,9 @@
   </div>
 </template>
 <script>
-import InputHour from '@/components/Inputs/InputHour.vue'
-import InputAmount from '@/components/Inputs/InputAmount.vue'
-import InputTextarea from '@/components/Inputs/InputTextarea.vue'
+import InputHour from '@/components/Inputs/InputHour'
+import InputAmount from '@/components/Inputs/InputAmount'
+import InputTextarea from '@/components/Inputs/InputTextarea'
 
 export default {
   name: 'ContributionForm',
diff --git a/frontend/src/components/Contributions/ContributionList.spec.js b/frontend/src/components/Contributions/ContributionList.spec.js
index de875cf74..ebff93886 100644
--- a/frontend/src/components/Contributions/ContributionList.spec.js
+++ b/frontend/src/components/Contributions/ContributionList.spec.js
@@ -1,5 +1,5 @@
 import { mount } from '@vue/test-utils'
-import ContributionList from './ContributionList.vue'
+import ContributionList from './ContributionList'
 
 const localVue = global.localVue
 
diff --git a/frontend/src/components/Contributions/ContributionList.vue b/frontend/src/components/Contributions/ContributionList.vue
index 12212388e..3e32cb90f 100644
--- a/frontend/src/components/Contributions/ContributionList.vue
+++ b/frontend/src/components/Contributions/ContributionList.vue
@@ -38,7 +38,7 @@
   </div>
 </template>
 <script>
-import ContributionListItem from '@/components/Contributions/ContributionListItem.vue'
+import ContributionListItem from '@/components/Contributions/ContributionListItem'
 
 export default {
   name: 'ContributionList',
diff --git a/frontend/src/components/Contributions/ContributionListItem.spec.js b/frontend/src/components/Contributions/ContributionListItem.spec.js
index 3415ee5d3..0aba4cbd1 100644
--- a/frontend/src/components/Contributions/ContributionListItem.spec.js
+++ b/frontend/src/components/Contributions/ContributionListItem.spec.js
@@ -1,5 +1,5 @@
 import { mount } from '@vue/test-utils'
-import ContributionListItem from './ContributionListItem.vue'
+import ContributionListItem from './ContributionListItem'
 
 const localVue = global.localVue
 
diff --git a/frontend/src/components/Contributions/ContributionListItem.vue b/frontend/src/components/Contributions/ContributionListItem.vue
index d830f1bcd..87ffeb682 100644
--- a/frontend/src/components/Contributions/ContributionListItem.vue
+++ b/frontend/src/components/Contributions/ContributionListItem.vue
@@ -104,7 +104,7 @@
 <script>
 import Avatar from 'vue-avatar'
 import CollapseIcon from '../TransactionRows/CollapseIcon'
-import ContributionMessagesList from '@/components/ContributionMessages/ContributionMessagesList.vue'
+import ContributionMessagesList from '@/components/ContributionMessages/ContributionMessagesList'
 import { listContributionMessages } from '../../graphql/queries.js'
 
 export default {
diff --git a/frontend/src/components/Contributions/OpenCreationsAmount.spec.js b/frontend/src/components/Contributions/OpenCreationsAmount.spec.js
index f2a16e6a6..eb1382005 100644
--- a/frontend/src/components/Contributions/OpenCreationsAmount.spec.js
+++ b/frontend/src/components/Contributions/OpenCreationsAmount.spec.js
@@ -1,5 +1,5 @@
 import { mount } from '@vue/test-utils'
-import OpenCreationsAmount from './OpenCreationsAmount.vue'
+import OpenCreationsAmount from './OpenCreationsAmount'
 
 const localVue = global.localVue
 
diff --git a/frontend/src/components/DecayInformations/CollapseLinksList.vue b/frontend/src/components/DecayInformations/CollapseLinksList.vue
index ce742e66e..c580fa04a 100644
--- a/frontend/src/components/DecayInformations/CollapseLinksList.vue
+++ b/frontend/src/components/DecayInformations/CollapseLinksList.vue
@@ -30,7 +30,7 @@
   </div>
 </template>
 <script>
-import TransactionLink from '@/components/TransactionLinks/TransactionLink.vue'
+import TransactionLink from '@/components/TransactionLinks/TransactionLink'
 export default {
   name: 'CollapseLinksList',
   components: {
diff --git a/frontend/src/components/DecayInformations/DecayInformation-DecayStartblock.vue b/frontend/src/components/DecayInformations/DecayInformation-DecayStartblock.vue
index 0df254bb4..59a98c3ae 100644
--- a/frontend/src/components/DecayInformations/DecayInformation-DecayStartblock.vue
+++ b/frontend/src/components/DecayInformations/DecayInformation-DecayStartblock.vue
@@ -66,7 +66,7 @@
   </div>
 </template>
 <script>
-import DurationRow from '@/components/TransactionRows/DurationRow.vue'
+import DurationRow from '@/components/TransactionRows/DurationRow'
 
 export default {
   name: 'DecayInformation-StartBlock',
diff --git a/frontend/src/components/DecayInformations/DecayInformation-Long.vue b/frontend/src/components/DecayInformations/DecayInformation-Long.vue
index 28aaa8d32..782fe049c 100644
--- a/frontend/src/components/DecayInformations/DecayInformation-Long.vue
+++ b/frontend/src/components/DecayInformations/DecayInformation-Long.vue
@@ -55,7 +55,7 @@
   </div>
 </template>
 <script>
-import DurationRow from '@/components/TransactionRows/DurationRow.vue'
+import DurationRow from '@/components/TransactionRows/DurationRow'
 
 export default {
   name: 'DecayInformation-Long',
diff --git a/frontend/src/components/GddSend/TransactionForm.spec.js b/frontend/src/components/GddSend/TransactionForm.spec.js
index 59537dc47..1594d3d72 100644
--- a/frontend/src/components/GddSend/TransactionForm.spec.js
+++ b/frontend/src/components/GddSend/TransactionForm.spec.js
@@ -1,8 +1,8 @@
 import { mount } from '@vue/test-utils'
-import TransactionForm from './TransactionForm.vue'
+import TransactionForm from './TransactionForm'
 import flushPromises from 'flush-promises'
-import { SEND_TYPES } from '@/pages/Send.vue'
-import DashboardLayout from '@/layouts/DashboardLayout.vue'
+import { SEND_TYPES } from '@/pages/Send'
+import DashboardLayout from '@/layouts/DashboardLayout'
 
 const localVue = global.localVue
 
diff --git a/frontend/src/components/GddSend/TransactionForm.vue b/frontend/src/components/GddSend/TransactionForm.vue
index 7dbe1b0f8..10884d5f1 100644
--- a/frontend/src/components/GddSend/TransactionForm.vue
+++ b/frontend/src/components/GddSend/TransactionForm.vue
@@ -120,10 +120,10 @@
   </div>
 </template>
 <script>
-import { SEND_TYPES } from '@/pages/Send.vue'
-import InputEmail from '@/components/Inputs/InputEmail.vue'
-import InputAmount from '@/components/Inputs/InputAmount.vue'
-import InputTextarea from '@/components/Inputs/InputTextarea.vue'
+import { SEND_TYPES } from '@/pages/Send'
+import InputEmail from '@/components/Inputs/InputEmail'
+import InputAmount from '@/components/Inputs/InputAmount'
+import InputTextarea from '@/components/Inputs/InputTextarea'
 
 export default {
   name: 'TransactionForm',
diff --git a/frontend/src/components/GddSend/TransactionResultLink.vue b/frontend/src/components/GddSend/TransactionResultLink.vue
index 9efbbb3c2..47fcd335a 100644
--- a/frontend/src/components/GddSend/TransactionResultLink.vue
+++ b/frontend/src/components/GddSend/TransactionResultLink.vue
@@ -19,8 +19,8 @@
   </div>
 </template>
 <script>
-import ClipboardCopy from '../ClipboardCopy.vue'
-import FigureQrCode from '../QrCode/FigureQrCode.vue'
+import ClipboardCopy from '../ClipboardCopy'
+import FigureQrCode from '../QrCode/FigureQrCode'
 
 export default {
   name: 'TransactionResultLink',
diff --git a/frontend/src/components/GdtTransactionList.vue b/frontend/src/components/GdtTransactionList.vue
index 3b50707a3..82cf074fd 100644
--- a/frontend/src/components/GdtTransactionList.vue
+++ b/frontend/src/components/GdtTransactionList.vue
@@ -42,7 +42,7 @@
 </template>
 
 <script>
-import Transaction from '@/components/Transaction.vue'
+import Transaction from '@/components/Transaction'
 
 export default {
   name: 'GdtTransactionList',
diff --git a/frontend/src/components/LinkInformations/RedeemLoggedOut.vue b/frontend/src/components/LinkInformations/RedeemLoggedOut.vue
index 34c31af5a..55ad0092c 100644
--- a/frontend/src/components/LinkInformations/RedeemLoggedOut.vue
+++ b/frontend/src/components/LinkInformations/RedeemLoggedOut.vue
@@ -23,7 +23,7 @@
   </div>
 </template>
 <script>
-import RedeemInformation from '@/components/LinkInformations/RedeemInformation.vue'
+import RedeemInformation from '@/components/LinkInformations/RedeemInformation'
 import { authLinks } from '@/mixins/authLinks'
 
 export default {
diff --git a/frontend/src/components/LinkInformations/RedeemSelfCreator.vue b/frontend/src/components/LinkInformations/RedeemSelfCreator.vue
index 10311e52b..f5e32c9ed 100644
--- a/frontend/src/components/LinkInformations/RedeemSelfCreator.vue
+++ b/frontend/src/components/LinkInformations/RedeemSelfCreator.vue
@@ -15,7 +15,7 @@
   </div>
 </template>
 <script>
-import RedeemInformation from '@/components/LinkInformations/RedeemInformation.vue'
+import RedeemInformation from '@/components/LinkInformations/RedeemInformation'
 
 export default {
   name: 'RedeemSelfCreator',
diff --git a/frontend/src/components/LinkInformations/RedeemValid.vue b/frontend/src/components/LinkInformations/RedeemValid.vue
index 39485b10e..a3bf5bf42 100644
--- a/frontend/src/components/LinkInformations/RedeemValid.vue
+++ b/frontend/src/components/LinkInformations/RedeemValid.vue
@@ -11,7 +11,7 @@
   </div>
 </template>
 <script>
-import RedeemInformation from '@/components/LinkInformations/RedeemInformation.vue'
+import RedeemInformation from '@/components/LinkInformations/RedeemInformation'
 
 export default {
   name: 'RedeemValid',
diff --git a/frontend/src/components/Menu/Navbar.spec.js b/frontend/src/components/Menu/Navbar.spec.js
index 0c6749b63..1e05df71d 100644
--- a/frontend/src/components/Menu/Navbar.spec.js
+++ b/frontend/src/components/Menu/Navbar.spec.js
@@ -1,6 +1,6 @@
 import { mount } from '@vue/test-utils'
 import VueRouter from 'vue-router'
-import AuthNavbar from './Navbar.vue'
+import AuthNavbar from './Navbar'
 
 const localVue = global.localVue
 localVue.use(VueRouter)
diff --git a/frontend/src/components/Menu/Sidebar.spec.js b/frontend/src/components/Menu/Sidebar.spec.js
index 70d145a9e..62b69ebdd 100644
--- a/frontend/src/components/Menu/Sidebar.spec.js
+++ b/frontend/src/components/Menu/Sidebar.spec.js
@@ -1,5 +1,5 @@
 import { mount } from '@vue/test-utils'
-import Sidebar from './Sidebar.vue'
+import Sidebar from './Sidebar'
 
 const localVue = global.localVue
 
diff --git a/frontend/src/components/MobileSidebar/MobileSidebar.vue b/frontend/src/components/MobileSidebar/MobileSidebar.vue
index dc59dc711..158c42f0d 100644
--- a/frontend/src/components/MobileSidebar/MobileSidebar.vue
+++ b/frontend/src/components/MobileSidebar/MobileSidebar.vue
@@ -8,7 +8,7 @@
   </div>
 </template>
 <script>
-import Sidebar from '@/components/Menu/Sidebar.vue'
+import Sidebar from '@/components/Menu/Sidebar'
 
 export default {
   name: 'MobileSidebar',
diff --git a/frontend/src/components/Template/RightSide/LastTransactions.vue b/frontend/src/components/Template/RightSide/LastTransactions.vue
index 83b4bae7e..54e959436 100644
--- a/frontend/src/components/Template/RightSide/LastTransactions.vue
+++ b/frontend/src/components/Template/RightSide/LastTransactions.vue
@@ -55,7 +55,7 @@
 </template>
 <script>
 import Avatar from 'vue-avatar'
-import Name from '@/components/TransactionRows/Name.vue'
+import Name from '@/components/TransactionRows/Name'
 
 export default {
   name: 'LastTransactions',
diff --git a/frontend/src/components/Transaction.vue b/frontend/src/components/Transaction.vue
index 67906708d..d13954362 100644
--- a/frontend/src/components/Transaction.vue
+++ b/frontend/src/components/Transaction.vue
@@ -47,7 +47,7 @@
 </template>
 <script>
 import CollapseIcon from './TransactionRows/CollapseIcon'
-import TransactionCollapse from './TransactionCollapse.vue'
+import TransactionCollapse from './TransactionCollapse'
 import { GdtEntryType } from '../graphql/enums'
 
 export default {
diff --git a/frontend/src/components/TransactionLinks/TransactionLink.vue b/frontend/src/components/TransactionLinks/TransactionLink.vue
index 76f705e35..ca8d2c2f7 100644
--- a/frontend/src/components/TransactionLinks/TransactionLink.vue
+++ b/frontend/src/components/TransactionLinks/TransactionLink.vue
@@ -75,7 +75,7 @@ import AmountAndNameRow from '../TransactionRows/AmountAndNameRow'
 import MemoRow from '../TransactionRows/MemoRow'
 import DateRow from '../TransactionRows/DateRow'
 import DecayRow from '../TransactionRows/DecayRow'
-import FigureQrCode from '@/components/QrCode/FigureQrCode.vue'
+import FigureQrCode from '@/components/QrCode/FigureQrCode'
 import { copyLinks } from '../../mixins/copyLinks'
 
 export default {
diff --git a/frontend/src/components/UserSettings/UserLanguage.vue b/frontend/src/components/UserSettings/UserLanguage.vue
index 50be83712..39897184b 100644
--- a/frontend/src/components/UserSettings/UserLanguage.vue
+++ b/frontend/src/components/UserSettings/UserLanguage.vue
@@ -61,7 +61,7 @@
   </b-card>
 </template>
 <script>
-import LanguageSwitchSelect from '@/components/LanguageSwitchSelect.vue'
+import LanguageSwitchSelect from '@/components/LanguageSwitchSelect'
 import { updateUserInfos } from '@/graphql/mutations'
 
 export default {
diff --git a/frontend/src/layouts/AuthLayout.vue b/frontend/src/layouts/AuthLayout.vue
index 948775952..2e0deb9b4 100644
--- a/frontend/src/layouts/AuthLayout.vue
+++ b/frontend/src/layouts/AuthLayout.vue
@@ -81,11 +81,11 @@
 </template>
 
 <script>
-import AuthNavbar from '@/components/Auth/AuthNavbar.vue'
-import AuthNavbarSmall from '@/components/Auth/AuthNavbarSmall.vue'
-import AuthCarousel from '@/components/Auth/AuthCarousel.vue'
+import AuthNavbar from '@/components/Auth/AuthNavbar'
+import AuthNavbarSmall from '@/components/Auth/AuthNavbarSmall'
+import AuthCarousel from '@/components/Auth/AuthCarousel'
 import LanguageSwitch from '@/components/LanguageSwitch2'
-import AuthFooter from '@/components/Auth/AuthFooter.vue'
+import AuthFooter from '@/components/Auth/AuthFooter'
 import CONFIG from '@/config'
 
 export default {
diff --git a/frontend/src/layouts/DashboardLayout.vue b/frontend/src/layouts/DashboardLayout.vue
index 55b362097..b8e868f3d 100755
--- a/frontend/src/layouts/DashboardLayout.vue
+++ b/frontend/src/layouts/DashboardLayout.vue
@@ -185,25 +185,25 @@
   </div>
 </template>
 <script>
-import ContentHeader from '@/layouts/templates/ContentHeader.vue'
-import CommunityTemplate from '@/layouts/templates/CommunityTemplate.vue'
-import Breadcrumb from '@/components/Breadcrumb/breadcrumb.vue'
-import RightSide from '@/layouts/templates/RightSide.vue'
-import SkeletonOverview from '@/components/skeleton/Overview.vue'
-import Navbar from '@/components/Menu/Navbar.vue'
-import Sidebar from '@/components/Menu/Sidebar.vue'
-import MobileSidebar from '@/components/MobileSidebar/MobileSidebar.vue'
-import SessionLogoutTimeout from '@/components/SessionLogoutTimeout.vue'
+import ContentHeader from '@/layouts/templates/ContentHeader'
+import CommunityTemplate from '@/layouts/templates/CommunityTemplate'
+import Breadcrumb from '@/components/Breadcrumb/breadcrumb'
+import RightSide from '@/layouts/templates/RightSide'
+import SkeletonOverview from '@/components/skeleton/Overview'
+import Navbar from '@/components/Menu/Navbar'
+import Sidebar from '@/components/Menu/Sidebar'
+import MobileSidebar from '@/components/MobileSidebar/MobileSidebar'
+import SessionLogoutTimeout from '@/components/SessionLogoutTimeout'
 import { transactionsQuery, communityStatistics } from '@/graphql/queries'
 import { logout } from '@/graphql/mutations'
-import ContentFooter from '@/components/ContentFooter.vue'
+import ContentFooter from '@/components/ContentFooter'
 import { FadeTransition } from 'vue2-transitions'
 import CONFIG from '@/config'
-import GddAmount from '@/components/Template/ContentHeader/GddAmount.vue'
-import GdtAmount from '@/components/Template/ContentHeader/GdtAmount.vue'
-import CommunityMember from '@/components/Template/ContentHeader/CommunityMember.vue'
-import NavCommunity from '@/components/Template/ContentHeader/NavCommunity.vue'
-import LastTransactions from '@/components/Template/RightSide/LastTransactions.vue'
+import GddAmount from '@/components/Template/ContentHeader/GddAmount'
+import GdtAmount from '@/components/Template/ContentHeader/GdtAmount'
+import CommunityMember from '@/components/Template/ContentHeader/CommunityMember'
+import NavCommunity from '@/components/Template/ContentHeader/NavCommunity'
+import LastTransactions from '@/components/Template/RightSide/LastTransactions'
 
 export default {
   name: 'DashboardLayout',
diff --git a/frontend/src/main.js b/frontend/src/main.js
index 0edcb7211..4809e490c 100755
--- a/frontend/src/main.js
+++ b/frontend/src/main.js
@@ -1,6 +1,6 @@
 import Vue from 'vue'
 import DashboardPlugin from './plugins/dashboard-plugin'
-import App from './App.vue'
+import App from './App'
 import i18n from './i18n.js'
 import { loadAllRules } from './validation-rules'
 import { toasters } from './mixins/toaster'
diff --git a/frontend/src/pages/Community.vue b/frontend/src/pages/Community.vue
index af626f400..94ce94652 100644
--- a/frontend/src/pages/Community.vue
+++ b/frontend/src/pages/Community.vue
@@ -58,9 +58,9 @@
   </div>
 </template>
 <script>
-import OpenCreationsAmount from '@/components/Contributions/OpenCreationsAmount.vue'
-import ContributionForm from '@/components/Contributions/ContributionForm.vue'
-import ContributionList from '@/components/Contributions/ContributionList.vue'
+import OpenCreationsAmount from '@/components/Contributions/OpenCreationsAmount'
+import ContributionForm from '@/components/Contributions/ContributionForm'
+import ContributionList from '@/components/Contributions/ContributionList'
 import { createContribution, updateContribution, deleteContribution } from '@/graphql/mutations'
 import { listContributions, listAllContributions, openCreations } from '@/graphql/queries'
 
diff --git a/frontend/src/pages/Overview.vue b/frontend/src/pages/Overview.vue
index 3dc767799..0a9f304af 100644
--- a/frontend/src/pages/Overview.vue
+++ b/frontend/src/pages/Overview.vue
@@ -4,7 +4,7 @@
   </div>
 </template>
 <script>
-import CommunityNews from '@/components/Overview/CommunityNews.vue'
+import CommunityNews from '@/components/Overview/CommunityNews'
 
 export default {
   name: 'Overview',
diff --git a/frontend/src/pages/Register.vue b/frontend/src/pages/Register.vue
index eaebb9ed1..c2877e897 100755
--- a/frontend/src/pages/Register.vue
+++ b/frontend/src/pages/Register.vue
@@ -104,7 +104,7 @@
 <script>
 import { createUser } from '@/graphql/mutations'
 import CONFIG from '@/config'
-import InputEmail from '@/components/Inputs/InputEmail.vue'
+import InputEmail from '@/components/Inputs/InputEmail'
 import Message from '@/components/Message/Message'
 
 export default {
diff --git a/frontend/src/pages/Send.spec.js b/frontend/src/pages/Send.spec.js
index 651ba9c4d..0a0d5da71 100644
--- a/frontend/src/pages/Send.spec.js
+++ b/frontend/src/pages/Send.spec.js
@@ -1,9 +1,9 @@
 import { mount } from '@vue/test-utils'
 import Send, { SEND_TYPES } from './Send'
 import { toastErrorSpy, toastSuccessSpy } from '@test/testSetup'
-import { TRANSACTION_STEPS } from '@/components/GddSend.vue'
+import { TRANSACTION_STEPS } from '@/components/GddSend'
 import { sendCoins, createTransactionLink } from '@/graphql/mutations.js'
-import DashboardLayout from '@/layouts/DashboardLayout.vue'
+import DashboardLayout from '@/layouts/DashboardLayout'
 import flushPromises from 'flush-promises'
 
 const apolloMutationMock = jest.fn()
diff --git a/frontend/src/pages/Send.vue b/frontend/src/pages/Send.vue
index 6bfb9042c..65677ecdd 100644
--- a/frontend/src/pages/Send.vue
+++ b/frontend/src/pages/Send.vue
@@ -52,13 +52,13 @@
   </div>
 </template>
 <script>
-import GddSend, { TRANSACTION_STEPS } from '@/components/GddSend.vue'
-import TransactionForm from '@/components/GddSend/TransactionForm.vue'
-import TransactionConfirmationSend from '@/components/GddSend/TransactionConfirmationSend.vue'
-import TransactionConfirmationLink from '@/components/GddSend/TransactionConfirmationLink.vue'
-import TransactionResultSendSuccess from '@/components/GddSend/TransactionResultSendSuccess.vue'
-import TransactionResultSendError from '@/components/GddSend/TransactionResultSendError.vue'
-import TransactionResultLink from '@/components/GddSend/TransactionResultLink.vue'
+import GddSend, { TRANSACTION_STEPS } from '@/components/GddSend'
+import TransactionForm from '@/components/GddSend/TransactionForm'
+import TransactionConfirmationSend from '@/components/GddSend/TransactionConfirmationSend'
+import TransactionConfirmationLink from '@/components/GddSend/TransactionConfirmationLink'
+import TransactionResultSendSuccess from '@/components/GddSend/TransactionResultSendSuccess'
+import TransactionResultSendError from '@/components/GddSend/TransactionResultSendError'
+import TransactionResultLink from '@/components/GddSend/TransactionResultLink'
 import { sendCoins, createTransactionLink } from '@/graphql/mutations.js'
 
 const EMPTY_TRANSACTION_DATA = {
diff --git a/frontend/src/pages/Settings.vue b/frontend/src/pages/Settings.vue
index 7d927ce4f..530484d9a 100644
--- a/frontend/src/pages/Settings.vue
+++ b/frontend/src/pages/Settings.vue
@@ -11,11 +11,11 @@
   </div>
 </template>
 <script>
-import UserCard from '@/components/UserSettings/UserCard.vue'
-import UserData from '@/components/UserSettings/UserData.vue'
-import UserPassword from '@/components/UserSettings/UserPassword.vue'
-import UserLanguage from '@/components/UserSettings/UserLanguage.vue'
-import UserNewsletter from '@/components/UserSettings/UserNewsletter.vue'
+import UserCard from '@/components/UserSettings/UserCard'
+import UserData from '@/components/UserSettings/UserData'
+import UserPassword from '@/components/UserSettings/UserPassword'
+import UserLanguage from '@/components/UserSettings/UserLanguage'
+import UserNewsletter from '@/components/UserSettings/UserNewsletter'
 
 export default {
   name: 'Profile',
diff --git a/frontend/src/pages/Transactions.vue b/frontend/src/pages/Transactions.vue
index a4e805aed..dd7228bf9 100644
--- a/frontend/src/pages/Transactions.vue
+++ b/frontend/src/pages/Transactions.vue
@@ -23,8 +23,8 @@
   </div>
 </template>
 <script>
-import GddTransactionList from '@/components/GddTransactionList.vue'
-import GdtTransactionList from '@/components/GdtTransactionList.vue'
+import GddTransactionList from '@/components/GddTransactionList'
+import GdtTransactionList from '@/components/GdtTransactionList'
 import { listGDTEntriesQuery } from '@/graphql/queries'
 
 export default {
diff --git a/frontend/src/routes/router.test.js b/frontend/src/routes/router.test.js
index ed5d274c3..ab133d842 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 '@/pages/NotFoundPage.vue'
+import NotFound from '@/pages/NotFoundPage'
 
 describe('router', () => {
   describe('options', () => {
diff --git a/frontend/src/routes/routes.js b/frontend/src/routes/routes.js
index 1ebb1701b..8e5853021 100755
--- a/frontend/src/routes/routes.js
+++ b/frontend/src/routes/routes.js
@@ -1,4 +1,4 @@
-import NotFound from '@/pages/NotFoundPage.vue'
+import NotFound from '@/pages/NotFoundPage'
 
 const routes = [
   {
@@ -12,7 +12,7 @@ const routes = [
   },
   {
     path: '/overview',
-    component: () => import('@/pages/Overview.vue'),
+    component: () => import('@/pages/Overview'),
     meta: {
       requiresAuth: true,
       pageTitle: 'overview',
@@ -20,7 +20,7 @@ const routes = [
   },
   {
     path: '/send',
-    component: () => import('@/pages/Send.vue'),
+    component: () => import('@/pages/Send'),
     meta: {
       requiresAuth: true,
       pageTitle: 'send',
@@ -28,14 +28,14 @@ const routes = [
   },
   // {
   //   path: '/profile',
-  //   component: () => import('@/pages/Profile.vue'),
+  //   component: () => import('@/pages/Profile'),
   //   meta: {
   //     requiresAuth: true,
   //   },
   // },
   {
     path: '/transactions',
-    component: () => import('@/pages/Transactions.vue'),
+    component: () => import('@/pages/Transactions'),
     props: { gdt: false },
     meta: {
       requiresAuth: true,
@@ -44,7 +44,7 @@ const routes = [
   },
   {
     path: '/gdt',
-    component: () => import('@/pages/Transactions.vue'),
+    component: () => import('@/pages/Transactions'),
     props: { gdt: true },
     meta: {
       requiresAuth: true,
@@ -53,7 +53,7 @@ const routes = [
   },
   {
     path: '/community',
-    component: () => import('@/pages/Community.vue'),
+    component: () => import('@/pages/Community'),
     meta: {
       requiresAuth: true,
       pageTitle: 'community',
@@ -72,7 +72,7 @@ const routes = [
   },
   {
     path: '/information',
-    component: () => import('@/pages/InfoStatistic.vue'),
+    component: () => import('@/pages/InfoStatistic'),
     meta: {
       requiresAuth: true,
       pageTitle: 'information',
@@ -80,21 +80,21 @@ const routes = [
   },
   // {
   //   path: '/storys',
-  //   component: () => import('@/pages/TopStorys.vue'),
+  //   component: () => import('@/pages/TopStorys'),
   //   meta: {
   //     requiresAuth: true,
   //   },
   // },
   // {
   //   path: '/addresses',
-  //   component: () => import('@/pages/Addresses.vue'),
+  //   component: () => import('@/pages/Addresses'),
   //   meta: {
   //     requiresAuth: true,
   //   },
   // },
   {
     path: '/settings',
-    component: () => import('@/pages/Settings.vue'),
+    component: () => import('@/pages/Settings'),
     meta: {
       requiresAuth: true,
       pageTitle: 'settings',
@@ -102,39 +102,39 @@ const routes = [
   },
   {
     path: '/login/:code?',
-    component: () => import('@/pages/Login.vue'),
+    component: () => import('@/pages/Login'),
   },
   {
     path: '/register/:code?',
-    component: () => import('@/pages/Register.vue'),
+    component: () => import('@/pages/Register'),
   },
   {
     path: '/forgot-password',
-    component: () => import('@/pages/ForgotPassword.vue'),
+    component: () => import('@/pages/ForgotPassword'),
   },
   {
     path: '/forgot-password/:comingFrom',
-    component: () => import('@/pages/ForgotPassword.vue'),
+    component: () => import('@/pages/ForgotPassword'),
   },
   {
     path: '/register-community',
-    component: () => import('@/pages/RegisterCommunity.vue'),
+    component: () => import('@/pages/RegisterCommunity'),
   },
   // {
   //   path: '/select-community',
-  //   component: () => import('@/pages/SelectCommunity.vue'),
+  //   component: () => import('@/pages/SelectCommunity'),
   // },
   {
     path: '/reset-password/:optin',
-    component: () => import('@/pages/ResetPassword.vue'),
+    component: () => import('@/pages/ResetPassword'),
   },
   {
     path: '/checkEmail/:optin/:code?',
-    component: () => import('@/pages/ResetPassword.vue'),
+    component: () => import('@/pages/ResetPassword'),
   },
   {
     path: '/redeem/:code',
-    component: () => import('@/pages/TransactionLink.vue'),
+    component: () => import('@/pages/TransactionLink'),
   },
   { path: '*', component: NotFound },
 ]