Merge pull request #1190 from dbgate/feature/svelte4

Feature/svelte4

packages/web/package.json

@@ -50,11 +50,11 @@
     "rollup-plugin-copy": "^3.3.0",
     "rollup-plugin-css-only": "^3.1.0",
     "rollup-plugin-livereload": "^2.0.0",
-    "rollup-plugin-svelte": "^7.0.0",
-    "rollup-plugin-terser": "^7.0.0",
+    "rollup-plugin-svelte": "^7.2.2",
+    "rollup-plugin-terser": "^7.0.2",
     "sirv-cli": "^1.0.0",
     "sql-formatter": "^3.1.0",
-    "svelte": "^3.46.4",
+    "svelte": "^4.2.20",
     "svelte-check": "^1.0.0",
     "svelte-markdown": "^0.1.4",
     "svelte-preprocess": "^4.9.5",

packages/web/src/datagrid/DataGridRowHeightMeter.svelte

@@ -13,20 +13,22 @@
 
 <div>
   <table>
-    <tr>
-      <td
-        use:resizeObserver={true}
-        on:resize={e => {
-          // @ts-ignore
-          $dataGridRowHeight = e.detail.height + 1;
-        }}
-      >
-        title
-        <InlineButton square>
-          <FontIcon icon="icon chevron-down" />
-        </InlineButton>
-      </td>
-    </tr>
+    <tbody>
+      <tr>
+        <td
+          use:resizeObserver={true}
+          on:resize={e => {
+            // @ts-ignore
+            $dataGridRowHeight = e.detail.height + 1;
+          }}
+        >
+          title
+          <InlineButton square>
+            <FontIcon icon="icon chevron-down" />
+          </InlineButton>
+        </td>
+      </tr>
+    </tbody>
   </table>
 </div>