Refactor folder layout

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>

src/components/HeaderBar.vue

@@ -46,5 +46,5 @@
 </template>
 
 <script setup lang="ts">
-	import { db } from './db.js';
+	import { db } from '../db.js';
 </script>

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(),

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);
 	

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({

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;

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}[]);