diff --git a/src/App.vue b/src/App.vue
index cee212a..cc10b66 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -31,8 +31,8 @@
 </template>
 
 <script setup lang="ts">
-	import HeaderBar from './HeaderBar.vue';
-	import NoFileView from './NoFileView.vue';
+	import HeaderBar from './components/HeaderBar.vue';
+	import NoFileView from './pages/NoFileView.vue';
 	
 	import { db } from './db.js';
 </script>
diff --git a/src/HeaderBar.vue b/src/components/HeaderBar.vue
similarity index 98%
rename from src/HeaderBar.vue
rename to src/components/HeaderBar.vue
index 70931eb..05563f5 100644
--- a/src/HeaderBar.vue
+++ b/src/components/HeaderBar.vue
@@ -46,5 +46,5 @@
 </template>
 
 <script setup lang="ts">
-	import { db } from './db.js';
+	import { db } from '../db.js';
 </script>
diff --git a/src/main.ts b/src/main.ts
index b994737..a35a94a 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -28,10 +28,10 @@ import { db } from './db.ts';
 async function initApp() {
 	// Init router
 	const routes = [
-		{ path: '/', name: 'index', component: () => import('./HomeView.vue') },
-		{ path: '/general-ledger', name: 'general-ledger', component: () => import('./GeneralLedgerView.vue') },
-		{ path: '/transactions/:account', name: 'transactions', component: () => import('./TransactionsView.vue') },
-		{ path: '/trial-balance', name: 'trial-balance', component: () => import('./TrialBalanceView.vue') },
+		{ path: '/', name: 'index', component: () => import('./pages/HomeView.vue') },
+		{ path: '/general-ledger', name: 'general-ledger', component: () => import('./pages/GeneralLedgerView.vue') },
+		{ path: '/transactions/:account', name: 'transactions', component: () => import('./pages/TransactionsView.vue') },
+		{ path: '/trial-balance', name: 'trial-balance', component: () => import('./pages/TrialBalanceView.vue') },
 	];
 	const router = createRouter({
 		history: createWebHistory(),
diff --git a/src/GeneralLedgerView.vue b/src/pages/GeneralLedgerView.vue
similarity index 97%
rename from src/GeneralLedgerView.vue
rename to src/pages/GeneralLedgerView.vue
index 4a984b4..c8d9eaf 100644
--- a/src/GeneralLedgerView.vue
+++ b/src/pages/GeneralLedgerView.vue
@@ -56,9 +56,9 @@
 	
 	import { onUnmounted, ref } from 'vue';
 	
-	import { asCost } from './commodities.ts';
-	import { JoinedTransactionPosting, Transaction, db, joinedToTransactions } from './db.ts';
-	import { pp, ppWithCommodity } from './display.ts';
+	import { asCost } from '../commodities.ts';
+	import { JoinedTransactionPosting, Transaction, db, joinedToTransactions } from '../db.ts';
+	import { pp, ppWithCommodity } from '../display.ts';
 	
 	const commodityDetail = ref(false);
 	
diff --git a/src/HomeView.vue b/src/pages/HomeView.vue
similarity index 100%
rename from src/HomeView.vue
rename to src/pages/HomeView.vue
diff --git a/src/NoFileView.vue b/src/pages/NoFileView.vue
similarity index 97%
rename from src/NoFileView.vue
rename to src/pages/NoFileView.vue
index 1997ca8..60ebfcd 100644
--- a/src/NoFileView.vue
+++ b/src/pages/NoFileView.vue
@@ -27,7 +27,7 @@
 <script setup lang="ts">
 	import { open } from '@tauri-apps/plugin-dialog';
 	
-	import { db } from './db.js';
+	import { db } from '../db.js';
 	
 	async function openFile() {
 		const file = await open({
diff --git a/src/TransactionsView.vue b/src/pages/TransactionsView.vue
similarity index 98%
rename from src/TransactionsView.vue
rename to src/pages/TransactionsView.vue
index 5365456..411a629 100644
--- a/src/TransactionsView.vue
+++ b/src/pages/TransactionsView.vue
@@ -61,9 +61,9 @@
 	import { onUnmounted } from 'vue';
 	import { useRoute } from 'vue-router';
 	
-	import { asCost } from './commodities.ts';
-	import { JoinedTransactionPosting, db, joinedToTransactions } from './db.ts';
-	import { pp } from './display.ts';
+	import { asCost } from '../commodities.ts';
+	import { JoinedTransactionPosting, db, joinedToTransactions } from '../db.ts';
+	import { pp } from '../display.ts';
 	
 	const route = useRoute();
 	let clusterize: Clusterize | null = null;
diff --git a/src/TrialBalanceView.vue b/src/pages/TrialBalanceView.vue
similarity index 96%
rename from src/TrialBalanceView.vue
rename to src/pages/TrialBalanceView.vue
index c68ba38..f9e0e55 100644
--- a/src/TrialBalanceView.vue
+++ b/src/pages/TrialBalanceView.vue
@@ -51,8 +51,8 @@
 <script setup lang="ts">
 	import { computed, ref } from 'vue';
 	
-	import { db, totalBalances } from './db.ts';
-	import { pp } from './display.ts';
+	import { db, totalBalances } from '../db.ts';
+	import { pp } from '../display.ts';
 	
 	const accounts = ref([] as {account: string, quantity: number}[]);