sql editor - not working

packages/web/src/tabs/QueryTab.svelte

@@ -0,0 +1,18 @@
+<script lang="ts">
+  import VerticalSplitter from '../elements/VerticalSplitter.svelte';
+  import SqlEditor from '../query/SqlEditor.svelte';
+  import { useConnectionInfo } from '../utility/metadataLoaders';
+
+  export let tabid;
+  export let conid;
+  export let database;
+
+  // $: connection = useConnectionInfo({ conid });
+  // engine={$connection && $connection.engine} 
+</script>
+
+<VerticalSplitter>
+  <svelte:fragment slot="1">
+    <SqlEditor />
+  </svelte:fragment>
+</VerticalSplitter>

packages/web/src/tabs/index.js

@@ -1,7 +1,7 @@
 import * as TableDataTab from './TableDataTab.svelte';
 // import ViewDataTab from './ViewDataTab';
 // import TableStructureTab from './TableStructureTab';
-// import QueryTab from './QueryTab';
+import * as QueryTab from './QueryTab.svelte';
 // import ShellTab from './ShellTab';
 // import InfoPageTab from './InfoPageTab';
 // import ArchiveFileTab from './ArchiveFileTab';
@@ -16,18 +16,18 @@ import * as TableDataTab from './TableDataTab.svelte';
 
 export default {
   TableDataTab,
-//   ViewDataTab,
-//   TableStructureTab,
-//   QueryTab,
-//   InfoPageTab,
-//   ShellTab,
-//   ArchiveFileTab,
-//   FreeTableTab,
-//   PluginTab,
-//   ChartTab,
-//   MarkdownEditorTab,
-//   MarkdownViewTab,
-//   MarkdownPreviewTab,
-//   FavoriteEditorTab,
-//   QueryDesignTab,
+  //   ViewDataTab,
+  //   TableStructureTab,
+  QueryTab,
+  //   InfoPageTab,
+  //   ShellTab,
+  //   ArchiveFileTab,
+  //   FreeTableTab,
+  //   PluginTab,
+  //   ChartTab,
+  //   MarkdownEditorTab,
+  //   MarkdownViewTab,
+  //   MarkdownPreviewTab,
+  //   FavoriteEditorTab,
+  //   QueryDesignTab,
 };