From c46be3919a92b20554195a5ec3ec074188964d97 Mon Sep 17 00:00:00 2001
From: dimmur-brw <przemyslaw+gh@baserow.io>
Date: Thu, 19 Feb 2026 11:21:44 +0100
Subject: [PATCH 1/5] Replace $el with refs in GridView (#4803)

---
 .../views/timeline/TimelineContainer.vue          |  1 -
 .../components/crudTable/ExpandOnOverflowList.vue |  1 -
 .../modules/core/directives/autoOverflowScroll.js |  2 --
 .../modules/database/components/table/Table.vue   |  1 -
 .../components/view/gallery/GalleryView.vue       |  1 -
 .../database/components/view/grid/GridView.vue    | 15 ++++++---------
 .../components/view/grid/GridViewSection.vue      |  1 -
 web-frontend/package.json                         |  1 -
 web-frontend/yarn.lock                            |  5 -----
 9 files changed, 6 insertions(+), 22 deletions(-)

diff --git a/premium/web-frontend/modules/baserow_premium/components/views/timeline/TimelineContainer.vue b/premium/web-frontend/modules/baserow_premium/components/views/timeline/TimelineContainer.vue
index 75fde7c391..9eb88dbd89 100644
--- a/premium/web-frontend/modules/baserow_premium/components/views/timeline/TimelineContainer.vue
+++ b/premium/web-frontend/modules/baserow_premium/components/views/timeline/TimelineContainer.vue
@@ -203,7 +203,6 @@ import RowEditModal from '@baserow/modules/database/components/row/RowEditModal'
 import { populateRow } from '@baserow/modules/database/store/view/grid'
 import { clone } from '@baserow/modules/core/utils/object'
 import { notifyIf } from '@baserow/modules/core/utils/error'
-import ResizeObserver from 'resize-observer-polyfill'
 import viewDecoration from '@baserow/modules/database/mixins/viewDecoration'
 
 const timescales = {
diff --git a/web-frontend/modules/core/components/crudTable/ExpandOnOverflowList.vue b/web-frontend/modules/core/components/crudTable/ExpandOnOverflowList.vue
index d80f65d29c..a159bc9c3d 100644
--- a/web-frontend/modules/core/components/crudTable/ExpandOnOverflowList.vue
+++ b/web-frontend/modules/core/components/crudTable/ExpandOnOverflowList.vue
@@ -35,7 +35,6 @@
 </template>
 
 <script>
-import ResizeObserver from 'resize-observer-polyfill'
 import ExpandOnOverflowHiddenContext from '@baserow/modules/core/components/crudTable/ExpandOnOverflowHiddenContext'
 
 /**
diff --git a/web-frontend/modules/core/directives/autoOverflowScroll.js b/web-frontend/modules/core/directives/autoOverflowScroll.js
index ecc12e6698..4c8d3abb41 100644
--- a/web-frontend/modules/core/directives/autoOverflowScroll.js
+++ b/web-frontend/modules/core/directives/autoOverflowScroll.js
@@ -1,5 +1,3 @@
-import ResizeObserver from 'resize-observer-polyfill'
-
 /**
  * This directive does the same as `overflow: auto;`, so it will make sure that the
  * scrollbars are visible when the content does not fit inside the element. It
diff --git a/web-frontend/modules/database/components/table/Table.vue b/web-frontend/modules/database/components/table/Table.vue
index c252cbbbe8..cd66da77a8 100644
--- a/web-frontend/modules/database/components/table/Table.vue
+++ b/web-frontend/modules/database/components/table/Table.vue
@@ -236,7 +236,6 @@
 
 <script>
 import { mapGetters } from 'vuex'
-import ResizeObserver from 'resize-observer-polyfill'
 
 import { RefreshCancelledError } from '@baserow/modules/core/errors'
 import { notifyIf } from '@baserow/modules/core/utils/error'
diff --git a/web-frontend/modules/database/components/view/gallery/GalleryView.vue b/web-frontend/modules/database/components/view/gallery/GalleryView.vue
index 152f8c8bd8..6e6cd8fc46 100644
--- a/web-frontend/modules/database/components/view/gallery/GalleryView.vue
+++ b/web-frontend/modules/database/components/view/gallery/GalleryView.vue
@@ -156,7 +156,6 @@
 <script>
 import debounce from 'lodash/debounce'
 import { mapGetters } from 'vuex'
-import ResizeObserver from 'resize-observer-polyfill'
 
 import { notifyIf } from '@baserow/modules/core/utils/error'
 import { getCardHeight } from '@baserow/modules/database/utils/card'
diff --git a/web-frontend/modules/database/components/view/grid/GridView.vue b/web-frontend/modules/database/components/view/grid/GridView.vue
index 7b9475f585..d6229f8969 100644
--- a/web-frontend/modules/database/components/view/grid/GridView.vue
+++ b/web-frontend/modules/database/components/view/grid/GridView.vue
@@ -1,5 +1,6 @@
 <template>
   <div
+    ref="gridView"
     v-scroll="scroll"
     class="grid-view"
     :class="[
@@ -413,7 +414,6 @@
 
 <script>
 import { mapGetters } from 'vuex'
-import ResizeObserver from 'resize-observer-polyfill'
 
 import { notifyIf } from '@baserow/modules/core/utils/error'
 import GridViewSection from '@baserow/modules/database/components/view/grid/GridViewSection'
@@ -649,16 +649,12 @@ export default {
   },
   mounted() {
     this.resizeObserver = new ResizeObserver(this.onWindowResize)
-    this.resizeObserver.observe(this.$el)
+    this.resizeObserver.observe(this.$refs.gridView)
     window.addEventListener('keydown', this.keyDownEvent)
     window.addEventListener('copy', this.copySelection)
     window.addEventListener('paste', this.pasteFromMultipleCellSelection)
     window.addEventListener('click', this.cancelMultiSelectIfActive)
     window.addEventListener('mouseup', this.multiSelectStop)
-    this.$refs.left.$el.addEventListener(
-      'scroll',
-      this.$el.horizontalScrollEvent
-    )
     this.$store.dispatch(
       this.storePrefix + 'view/grid/fetchAllFieldAggregationData',
       { view: this.view }
@@ -672,6 +668,7 @@ export default {
   beforeUnmount() {
     if (this.resizeObserver !== null) {
       this.resizeObserver.disconnect()
+      this.resizeObserver = null
     }
     window.removeEventListener('keydown', this.keyDownEvent)
     window.removeEventListener('copy', this.copySelection)
@@ -1387,7 +1384,7 @@ export default {
           this.storePrefix + 'view/grid/isMultiSelectActive'
         ] &&
         !event.shiftKey &&
-        (!isElement(this.$el, event.target) ||
+        (!isElement(this.$refs.gridView, event.target) ||
           !['grid-view__row', 'grid-view__rows', 'grid-view'].includes(
             event.target.classList[0]
           ))
@@ -1681,7 +1678,7 @@ export default {
     checkCanFitInTwoColumns() {
       // In some cases this method is called when the component hasn't fully been
       // loaded. This will make sure we don't change the state before that initial load.
-      if (!this.$el) {
+      if (!this.$refs.gridView) {
         return
       }
 
@@ -1693,7 +1690,7 @@ export default {
         (primary ? this.getFieldWidth(primary) : 0) +
         300
 
-      this.canFitInTwoColumns = this.$el.clientWidth > maxWidth
+      this.canFitInTwoColumns = this.$refs.gridView.clientWidth > maxWidth
     },
     /**
      * Event called when the grid view element window resizes.
diff --git a/web-frontend/modules/database/components/view/grid/GridViewSection.vue b/web-frontend/modules/database/components/view/grid/GridViewSection.vue
index 45ee41ffe5..b40079713a 100644
--- a/web-frontend/modules/database/components/view/grid/GridViewSection.vue
+++ b/web-frontend/modules/database/components/view/grid/GridViewSection.vue
@@ -188,7 +188,6 @@
 
 <script>
 import debounce from 'lodash/debounce'
-import ResizeObserver from 'resize-observer-polyfill'
 
 import GridViewHead from '@baserow/modules/database/components/view/grid/GridViewHead'
 import GridViewPlaceholder from '@baserow/modules/database/components/view/grid/GridViewPlaceholder'
diff --git a/web-frontend/package.json b/web-frontend/package.json
index 2d462dbf3f..ce55ebac62 100644
--- a/web-frontend/package.json
+++ b/web-frontend/package.json
@@ -105,7 +105,6 @@
     "papaparse": "5.4.1",
     "path-to-regexp": "8.2.0",
     "posthog-js": "^1.232.4",
-    "resize-observer-polyfill": "^1.5.1",
     "sass": "~1.70.0",
     "thenby": "^1.3.4",
     "tippy.js": "^6.3.7",
diff --git a/web-frontend/yarn.lock b/web-frontend/yarn.lock
index f266874b5a..9dab982c4a 100644
--- a/web-frontend/yarn.lock
+++ b/web-frontend/yarn.lock
@@ -10005,11 +10005,6 @@ reserved-identifiers@^1.0.0:
   resolved "https://registry.yarnpkg.com/reserved-identifiers/-/reserved-identifiers-1.2.0.tgz#d2982cd698e317dd3dced1ee1c52412dbd64fc64"
   integrity sha512-yE7KUfFvaBFzGPs5H3Ops1RevfUEsDc5Iz65rOwWg4lE8HJSYtle77uul3+573457oHvBKuHYDl/xqUkKpEEdw==
 
-resize-observer-polyfill@^1.5.1:
-  version "1.5.1"
-  resolved "https://registry.yarnpkg.com/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz#0e9020dd3d21024458d4ebd27e23e40269810464"
-  integrity sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg==
-
 resolve-from@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-4.0.0.tgz#4abcd852ad32dd7baabfe9b40e00a36db5f392e6"

From 0e193329a1da8c4771e0bf303386bbb9c843be16 Mon Sep 17 00:00:00 2001
From: Bram <bram2w@users.noreply.github.com>
Date: Thu, 19 Feb 2026 11:33:11 +0100
Subject: [PATCH 2/5] Add Nuxt 3 changelog entry (#4819)

---
 .../entries/unreleased/refactor/update_to_nuxt_3.json    | 9 +++++++++
 1 file changed, 9 insertions(+)
 create mode 100644 changelog/entries/unreleased/refactor/update_to_nuxt_3.json

diff --git a/changelog/entries/unreleased/refactor/update_to_nuxt_3.json b/changelog/entries/unreleased/refactor/update_to_nuxt_3.json
new file mode 100644
index 0000000000..a8016b0f77
--- /dev/null
+++ b/changelog/entries/unreleased/refactor/update_to_nuxt_3.json
@@ -0,0 +1,9 @@
+{
+  "type": "refactor",
+  "message": "Update from Nuxt 2 to Nuxt 3",
+  "issue_origin": "github",
+  "issue_number": 854,
+  "domain": "core",
+  "bullet_points": [],
+  "created_at": "2026-01-14"
+}

From 327f90642b67972b6a209dfa5ae5235e629746bc Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Thu, 19 Feb 2026 12:00:45 +0100
Subject: [PATCH 3/5] Bump tar from 7.5.7 to 7.5.9 in /web-frontend (#4822)

---
 web-frontend/yarn.lock | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/web-frontend/yarn.lock b/web-frontend/yarn.lock
index 9dab982c4a..e8d165d6e1 100644
--- a/web-frontend/yarn.lock
+++ b/web-frontend/yarn.lock
@@ -3607,6 +3607,13 @@
   resolved "https://registry.yarnpkg.com/@types/resolve/-/resolve-1.20.2.tgz#97d26e00cd4a0423b4af620abecf3e6f442b7975"
   integrity sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==
 
+"@types/tedious@^4.0.14":
+  version "4.0.14"
+  resolved "https://registry.yarnpkg.com/@types/tedious/-/tedious-4.0.14.tgz#868118e7a67808258c05158e9cad89ca58a2aec1"
+  integrity sha512-KHPsfX/FoVbUGbyYvk1q9MMQHLPeRZhRJZdO45Q4YjvFkv4hMNghCWTvy7rdKessBsmtz4euWCWAB6/tVpI1Iw==
+  dependencies:
+    "@types/node" "*"
+
 "@types/trusted-types@^2.0.7":
   version "2.0.7"
   resolved "https://registry.yarnpkg.com/@types/trusted-types/-/trusted-types-2.0.7.tgz#baccb07a970b91707df3a3e8ba6896c57ead2d11"
@@ -10829,9 +10836,9 @@ tar-stream@^3.0.0:
     streamx "^2.15.0"
 
 tar@^7.4.0:
-  version "7.5.7"
-  resolved "https://registry.yarnpkg.com/tar/-/tar-7.5.7.tgz#adf99774008ba1c89819f15dbd6019c630539405"
-  integrity sha512-fov56fJiRuThVFXD6o6/Q354S7pnWMJIVlDBYijsTNx6jKSE4pvrDTs6lUnmGvNyfJwFQQwWy3owKz1ucIhveQ==
+  version "7.5.9"
+  resolved "https://registry.yarnpkg.com/tar/-/tar-7.5.9.tgz#817ac12a54bc4362c51340875b8985d7dc9724b8"
+  integrity sha512-BTLcK0xsDh2+PUe9F6c2TlRp4zOOBMTkoQHQIWSIzI0R7KG46uEwq4OPk2W7bZcprBMsuaeFsqwYr7pjh6CuHg==
   dependencies:
     "@isaacs/fs-minipass" "^4.0.0"
     chownr "^3.0.0"

From 958146e1d84cf4a25ca600f85542dbd0a9f5cdeb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Petr=20St=C5=99=C3=ADbn=C3=BD?= <petr@stribny.name>
Date: Thu, 19 Feb 2026 14:27:53 +0100
Subject: [PATCH 4/5] Fix context ref reference when deleting widgets (#4826)

---
 .../modules/dashboard/components/widget/WidgetContext.vue     | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/web-frontend/modules/dashboard/components/widget/WidgetContext.vue b/web-frontend/modules/dashboard/components/widget/WidgetContext.vue
index 75da8f95f8..6bf603fe26 100644
--- a/web-frontend/modules/dashboard/components/widget/WidgetContext.vue
+++ b/web-frontend/modules/dashboard/components/widget/WidgetContext.vue
@@ -58,7 +58,9 @@ export default {
         notifyIf(error, 'dashboard')
       }
       this.isDeleteInProgress = false
-      this.hide()
+      if (this.$refs.context) {
+        this.hide()
+      }
     },
   },
 }

From 94f4742b3f2b6ba6d9b8272b125acdf99a5d5cb0 Mon Sep 17 00:00:00 2001
From: Bram <bram2w@users.noreply.github.com>
Date: Thu, 19 Feb 2026 14:30:28 +0100
Subject: [PATCH 5/5] Correctly use Sentry integration (#4824)

---
 web-frontend/config/nuxt.config.base.ts       |  2 +-
 web-frontend/modules/core/module.js           |  2 --
 .../modules/core/plugins/sentry.server.js     | 35 -------------------
 web-frontend/package.json                     |  2 +-
 ...ntry.client.js => sentry.client.config.ts} | 29 ++++++---------
 web-frontend/sentry.server.config.ts          | 14 ++++++++
 6 files changed, 26 insertions(+), 58 deletions(-)
 delete mode 100644 web-frontend/modules/core/plugins/sentry.server.js
 rename web-frontend/{modules/core/plugins/sentry.client.js => sentry.client.config.ts} (62%)
 create mode 100644 web-frontend/sentry.server.config.ts

diff --git a/web-frontend/config/nuxt.config.base.ts b/web-frontend/config/nuxt.config.base.ts
index 168e28c695..94b53a21da 100644
--- a/web-frontend/config/nuxt.config.base.ts
+++ b/web-frontend/config/nuxt.config.base.ts
@@ -61,7 +61,7 @@ export default defineNuxtConfig({
       version: pkg.version,
     },
   },
-  modules: [...baserow.modules, '@nuxtjs/i18n'],
+  modules: [...baserow.modules, '@nuxtjs/i18n', '@sentry/nuxt/module'],
   i18n: {
     strategy: 'no_prefix',
     defaultLocale: 'en',
diff --git a/web-frontend/modules/core/module.js b/web-frontend/modules/core/module.js
index 78eb5cfa25..487e484b1b 100644
--- a/web-frontend/modules/core/module.js
+++ b/web-frontend/modules/core/module.js
@@ -127,8 +127,6 @@ export default defineNuxtModule({
     addPlugin(resolve('plugins/featureFlags.js'))
     addPlugin(resolve('plugins/papa.js'))
     addPlugin(resolve('plugins/ensureRender.js'))
-    addPlugin(resolve('plugins/sentry.client.js'))
-    addPlugin(resolve('plugins/sentry.server.js'))
     addPlugin(resolve('plugins/version.js'))
     addPlugin(resolve('plugins/posthog.js'))
     addPlugin(resolve('plugins/vueDatepicker.js'))
diff --git a/web-frontend/modules/core/plugins/sentry.server.js b/web-frontend/modules/core/plugins/sentry.server.js
deleted file mode 100644
index 066d4397b3..0000000000
--- a/web-frontend/modules/core/plugins/sentry.server.js
+++ /dev/null
@@ -1,35 +0,0 @@
-export default defineNuxtPlugin(async (nuxtApp) => {
-  if (import.meta.client) {
-    return
-  }
-
-  const config = useRuntimeConfig()
-  const dsn = config.public.sentryDsn
-
-  if (!dsn || dsn === '') {
-    return
-  }
-
-  const Sentry = await import('@sentry/node')
-
-  Sentry.init({
-    dsn,
-    environment: config.public.sentryEnvironment || 'production',
-    tracesSampleRate: 1.0,
-  })
-
-  nuxtApp.hook('app:error', (error) => {
-    Sentry.captureException(error)
-  })
-
-  nuxtApp.hook('vue:error', (error, instance, info) => {
-    Sentry.captureException(error, {
-      contexts: {
-        vue: {
-          componentName: instance?.$options?.name,
-          errorInfo: info,
-        },
-      },
-    })
-  })
-})
diff --git a/web-frontend/package.json b/web-frontend/package.json
index ce55ebac62..4c2c38beb9 100644
--- a/web-frontend/package.json
+++ b/web-frontend/package.json
@@ -6,7 +6,7 @@
   "scripts": {
     "postinstall": "APP_ENV=dev nuxt prepare",
     "dev": "APP_ENV=dev node --import ./env-remap.mjs ./node_modules/.bin/nuxt dev",
-    "build": "APP_ENV=production nuxt build",
+    "build": "APP_ENV=production NODE_OPTIONS=--max-old-space-size=8192 nuxt build",
     "preview": "node --import ./env-remap.mjs ./node_modules/.bin/nuxt preview",
     "prod": "node --import ./env-remap.mjs .output/server/index.mjs",
     "storybook": "storybook dev -p 6006 --host 0.0.0.0 --no-open",
diff --git a/web-frontend/modules/core/plugins/sentry.client.js b/web-frontend/sentry.client.config.ts
similarity index 62%
rename from web-frontend/modules/core/plugins/sentry.client.js
rename to web-frontend/sentry.client.config.ts
index ce833594c4..e3555cf0d0 100644
--- a/web-frontend/modules/core/plugins/sentry.client.js
+++ b/web-frontend/sentry.client.config.ts
@@ -1,27 +1,18 @@
-export default defineNuxtPlugin(async (nuxtApp) => {
-  // Only run on client side
-  if (import.meta.server) {
-    return
-  }
-
-  const config = useRuntimeConfig()
-  const appConfig = useAppConfig()
-  const dsn = config.public.sentryDsn
-
-  if (!dsn || dsn === '') {
-    return
-  }
+import { useRuntimeConfig, useAppConfig, useRouter } from '#imports'
+import * as Sentry from '@sentry/nuxt'
 
-  const Sentry = await import('@sentry/vue')
+const config = useRuntimeConfig()
+const appConfig = useAppConfig()
+const dsn = config.public.sentryDsn
 
+if (dsn && dsn !== '') {
   const defaultConfig = {
-    app: nuxtApp.vueApp,
     dsn,
     release: `baserow-web-frontend@${config.public.version}`,
     environment: config.public.sentryEnvironment || 'production',
     integrations: [
       Sentry.browserTracingIntegration({
-        router: nuxtApp.$router,
+        router: useRouter(),
       }),
       Sentry.replayIntegration({
         maskAllText: true,
@@ -33,8 +24,8 @@ export default defineNuxtPlugin(async (nuxtApp) => {
     replaysOnErrorSampleRate: 1.0,
   }
 
-  // Merge with user-provided configuration from app config appConfig.sentry.config
-  // can be used to extend or override defaults
+  // Merge with user-provided configuration from app config
+  // appConfig.sentry.config can be used to extend or override defaults
   const userConfig = appConfig.sentry?.config || {}
   let finalIntegrations = defaultConfig.integrations
   if (userConfig.integrations) {
@@ -52,4 +43,4 @@ export default defineNuxtPlugin(async (nuxtApp) => {
   }
 
   Sentry.init(finalConfig)
-})
+}
diff --git a/web-frontend/sentry.server.config.ts b/web-frontend/sentry.server.config.ts
new file mode 100644
index 0000000000..0466a78c6b
--- /dev/null
+++ b/web-frontend/sentry.server.config.ts
@@ -0,0 +1,14 @@
+import { useRuntimeConfig } from '#imports'
+import * as Sentry from '@sentry/nuxt'
+
+const config = useRuntimeConfig()
+const dsn = config.public.sentryDsn
+
+if (dsn && dsn !== '') {
+  Sentry.init({
+    dsn,
+    release: `baserow-web-frontend@${config.public.version}`,
+    environment: config.public.sentryEnvironment || 'production',
+    tracesSampleRate: 1.0,
+  })
+}