refactor: Modularize database page into components and composables

- Extract types to types/database.ts
- Create composables: useDatabaseApi, useDataTable, useQueryExecutor
- Create components: DatabaseSidebar, DataTable, FilterBar, SchemaInfo,
  QueryEditor, QueryColumnsBar, DatabaseStats, TablePagination
- Add horizontal scroll to DataTable with sticky checkbox column
- Configure @ path alias in vite and tsconfig
- Reduce DatabasePage.vue from 1548 to 314 lines
This commit is contained in:
2026-02-13 13:21:52 -06:00
parent 421b184829
commit da6111bd1f
17 changed files with 1629 additions and 1370 deletions

View File

@@ -1,10 +1,15 @@
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import { VitePWA } from 'vite-plugin-pwa'
import { fileURLToPath } from 'url'
import path from 'path'
const __dirname = path.dirname(fileURLToPath(import.meta.url))
export default defineConfig({
resolve: {
alias: {
'@': path.resolve(__dirname, 'src'),
// Habilitar compilación de templates en runtime para componentes dinámicos
'vue': 'vue/dist/vue.esm-bundler.js'
}