fix (nuxt): instance unavailable errors (baserow#5064)

Author: dimmur-brw

changelog/entries/unreleased/bug/5063_fix_nuxt_instance_unavailable_errors.json

@@ -0,0 +1,9 @@
+{
+    "type": "bug",
+    "message": "Fix [nuxt] instance unavailable errors",
+    "issue_origin": "github",
+    "issue_number": 5063,
+    "domain": "core",
+    "bullet_points": [],
+    "created_at": "2026-03-27"
+}

enterprise/web-frontend/modules/baserow_enterprise/databaseOnboardingStepTypes.js

@@ -74,7 +74,7 @@ export class AIDatabaseOnboardingStepType extends DatabaseOnboardingStepType {
   getCompletedRoute(data, responses) {
     const response = responses[DatabaseOnboardingType.getType()]
     nextTick(async () => {
-      await pageFinished()
+      await pageFinished(this.app)
       await nextTick()
       await this.app.$bus.$emit('toggle-right-sidebar', true)
       await this.app.$store.dispatch('assistant/selectChat', response.chat)

enterprise/web-frontend/modules/baserow_enterprise/notificationTypes.js

@@ -23,6 +23,7 @@ export class PeriodicDataSyncDeactivatedNotificationType extends NotificationTyp
 
   getRoute(notificationData) {
     return tableRouteResetViewIfNeeded(
+      this.app.$router,
       {
         databaseId: notificationData.database_id,
         tableId: notificationData.table_id,
@@ -48,6 +49,7 @@ export class TwoWayDataSyncUpdateFiledNotificationType extends NotificationType
 
   getRoute(notificationData) {
     return tableRouteResetViewIfNeeded(
+      this.app.$router,
       {
         databaseId: notificationData.database_id,
         tableId: notificationData.table_id,
@@ -73,6 +75,7 @@ export class TwoWaySyncDeactivatedNotificationType extends NotificationType {
 
   getRoute(notificationData) {
     return tableRouteResetViewIfNeeded(
+      this.app.$router,
       {
         databaseId: notificationData.database_id,
         tableId: notificationData.table_id,

premium/web-frontend/modules/baserow_premium/components/license/DisconnectLicenseModal.vue

@@ -34,11 +34,15 @@ import modal from '@baserow/modules/core/mixins/modal'
 import error from '@baserow/modules/core/mixins/error'
 import LicenseService from '@baserow_premium/services/license'
 import { pageFinished } from '@baserow/modules/core/utils/routing.js'
-import { nextTick } from '#imports'
+import { nextTick, useNuxtApp } from '#imports'
 
 export default {
   name: 'DisconnectLicenseModal',
   mixins: [modal, error],
+  setup() {
+    const nuxtApp = useNuxtApp()
+    return { nuxtApp }
+  },
   props: {
     license: {
       type: Object,
@@ -57,8 +61,8 @@ export default {
 
       try {
         await LicenseService(this.$client).disconnect(this.license.id)
-        await this.$nuxt.$router.push({ name: 'admin-licenses' })
-        await pageFinished()
+        await this.$router.push({ name: 'admin-licenses' })
+        await pageFinished(this.nuxtApp)
         await nextTick()
       } catch (error) {
         this.handleError(error)

premium/web-frontend/modules/baserow_premium/components/license/RegisterLicenseModal.vue

@@ -39,10 +39,14 @@ import RegisterLicenseForm from '@baserow_premium/components/license/RegisterLic
 import { ResponseErrorMessage } from '@baserow/modules/core/plugins/clientHandler'
 import { getPricingURL } from '@baserow_premium/utils/pricing'
 import { pageFinished } from '@baserow/modules/core/utils/routing.js'
-import { nextTick } from '#imports'
+import { nextTick, useNuxtApp } from '#imports'
 
 export default {
   name: 'RegisterLicenseModal',
+  setup() {
+    const nuxtApp = useNuxtApp()
+    return { nuxtApp }
+  },
   emits: ['registered'],
   components: { RegisterLicenseForm },
   mixins: [modal, error],
@@ -72,13 +76,13 @@ export default {
           values.license
         )
         this.$emit('registered', data)
-        await this.$nuxt.$router.push({
+        await this.$router.push({
           name: 'admin-license',
           params: {
             id: data.id,
           },
         })
-        await pageFinished()
+        await pageFinished(this.nuxtApp)
         await nextTick()
       } catch (error) {
         this.handleError(error, 'license', {

premium/web-frontend/modules/baserow_premium/decoratorValueProviders.js

@@ -121,7 +121,14 @@ export class ConditionalColorValueProviderType extends DecoratorValueProviderTyp
       if (
         row.id !== -1 &&
         row.id !== undefined &&
-        matchSearchFilters(operator, filters, filterGroups, fields, row)
+        matchSearchFilters(
+          this.app.$registry,
+          operator,
+          filters,
+          filterGroups,
+          fields,
+          row
+        )
       ) {
         return color
       }

premium/web-frontend/modules/baserow_premium/notificationTypes.js

@@ -18,7 +18,7 @@ export class RowCommentMentionNotificationType extends NotificationType {
   }
 
   getRoute(notificationData) {
-    return tableRouteResetViewIfNeeded({
+    return tableRouteResetViewIfNeeded(this.app.$router, {
       databaseId: notificationData.database_id,
       tableId: notificationData.table_id,
       rowId: notificationData.row_id,
@@ -40,7 +40,7 @@ export class RowCommentNotificationType extends NotificationType {
   }
 
   getRoute(notificationData) {
-    return tableRouteResetViewIfNeeded({
+    return tableRouteResetViewIfNeeded(this.app.$router, {
       databaseId: notificationData.database_id,
       tableId: notificationData.table_id,
       rowId: notificationData.row_id,

premium/web-frontend/modules/baserow_premium/store/view/calendar.js

@@ -815,6 +815,7 @@ export const actions = {
     return view.filters_disabled
       ? true
       : matchSearchFilters(
+          this.$registry,
           view.filter_type,
           view.filters,
           view.filter_groups,

premium/web-frontend/modules/baserow_premium/store/view/kanban.js

@@ -570,6 +570,7 @@ export const actions = {
     return view.filters_disabled
       ? true
       : matchSearchFilters(
+          this.$registry,
           view.filter_type,
           view.filters,
           view.filter_groups,

web-frontend/modules/automation/applicationTypes.js

@@ -122,7 +122,7 @@ export class AutomationApplicationType extends ApplicationType {
           workflowId: workflows[0].id,
         },
       })
-      await pageFinished()
+      await pageFinished(this.app)
       await nextTick()
       return true
     } else {