diff --git a/demo/src/components/Home.vue b/demo/src/components/Home.vue
index c8c19c0b..881cacb3 100644
--- a/demo/src/components/Home.vue
+++ b/demo/src/components/Home.vue
@@ -89,3 +89,11 @@ function close() {
     </StackLayout>
   </Page>
 </template>
+
+<style scoped>
+.info {
+  text-align: center;
+  font-weight: 500;
+  margin-top: 12;
+}
+</style>
diff --git a/demo/src/components/demo_ListView.vue b/demo/src/components/demo_ListView.vue
index 076075fb..4503e574 100644
--- a/demo/src/components/demo_ListView.vue
+++ b/demo/src/components/demo_ListView.vue
@@ -95,6 +95,7 @@ const onItemTap = useDebounceFn((item: Item) => {
         <Button text="Navigate" @tap="navigate" padding="32" fontSize="24" />
 
         <StackLayout row="2">
+          <TextField v-model="name" style="background-color: #aaa; padding: 4 8; margin: 4 6 12; border-radius: 8;" />
           <Label>Hello: {{ name }}</Label>
           <Button
             @tap="onTap"
diff --git a/nativescript.webpack.js b/nativescript.webpack.js
index 602f08f9..087550b2 100644
--- a/nativescript.webpack.js
+++ b/nativescript.webpack.js
@@ -61,8 +61,6 @@ function startVueDevtools(port, isAndroid = false) {
  * @param {typeof import("@nativescript/webpack")} webpack
  */
 module.exports = (webpack) => {
-  webpack.useConfig('vue');
-
   webpack.chainWebpack((config, env) => {
     const additionalDefines = {
       __VUE_PROD_DEVTOOLS__: false,
diff --git a/package.json b/package.json
index 143898c5..d7c56841 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "nativescript-vue",
-  "version": "3.0.0-rc.3",
+  "version": "3.0.0",
   "main": "dist/index.js",
   "files": [
     "dist/",
diff --git a/packages/stackblitz-template/package.json b/packages/stackblitz-template/package.json
index 8a7aa106..40f058aa 100644
--- a/packages/stackblitz-template/package.json
+++ b/packages/stackblitz-template/package.json
@@ -4,7 +4,7 @@
   "version": "1.0.0",
   "dependencies": {
     "@nativescript/core": "~8.8.6",
-    "nativescript-vue": "3.0.0-rc.3"
+    "nativescript-vue": "3.0.0"
   },
   "devDependencies": {
     "@nativescript/preview-cli": "1.0.14",
diff --git a/packages/template-blank/package.json b/packages/template-blank/package.json
index dcc94be2..443f836b 100644
--- a/packages/template-blank/package.json
+++ b/packages/template-blank/package.json
@@ -1,10 +1,10 @@
 {
   "name": "@nativescript-vue/template-blank",
   "main": "src/app.ts",
-  "version": "3.0.0-rc.3",
+  "version": "3.0.0",
   "dependencies": {
     "@nativescript/core": "~8.8.6",
-    "nativescript-vue": "3.0.0-rc.3"
+    "nativescript-vue": "3.0.0"
   },
   "devDependencies": {
     "@nativescript/tailwind": "~2.1.0",
diff --git a/src/index.ts b/src/index.ts
index 3b70384c..59488f46 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -97,6 +97,14 @@ export const createApp = ((...args) => {
   app.use(modalsPlugin);
   app.use(navigationPlugin);
 
+  app.config.errorHandler =  (err, instance, info) => {
+    console.error((info ? `Error during execution of ${info}: ` : ``) + err);
+
+    if(__DEV__) {
+      throw err;
+    }
+  };
+
   return app;
 }) as CreateAppFunction<NSVElement>;
 
diff --git a/src/plugins/navigation.ts b/src/plugins/navigation.ts
index 5bea2885..10ed3d58 100644
--- a/src/plugins/navigation.ts
+++ b/src/plugins/navigation.ts
@@ -1,4 +1,10 @@
-import { Frame, NavigationEntry, Page } from '@nativescript/core';
+import {
+  EventData,
+  Frame,
+  NavigationEntry,
+  Page,
+  ViewBase,
+} from '@nativescript/core';
 import { App, Component, Ref, nextTick, unref } from '@vue/runtime-core';
 import { NSVElement, NSVRoot } from '../dom';
 import { CreateNativeViewProps, createNativeView } from '../runtimeHelpers';
@@ -75,19 +81,17 @@ export function $navigateTo<P = any>(
     const root = new NSVRoot();
     let isReloading = false;
 
-    const attachDisposeCallback = (page: Page) => {
-      const dispose = page.disposeNativeView;
+    const disposeCallback = (args: EventData) => {
+      const page = args.object as Page;
 
-      page.disposeNativeView = () => {
-        dispose.call(page);
-
-        // if we are reloading, don't unmount the view, as the reload will unmount/remount it.
-        if (!isReloading) {
-          view.unmount();
-          view = null;
-        }
-      };
+      // if we are reloading, don't unmount the view, as the reload will unmount/remount it.
+      if (!isReloading && view) {
+        page.off(ViewBase.disposeNativeViewEvent, disposeCallback);
+        view.unmount();
+        view = null;
+      }
     };
+
     const reloadPage = () => {
       if (isReloading) {
         return;
@@ -106,7 +110,8 @@ export function $navigateTo<P = any>(
       isReloading = true;
       view.unmount();
       view.mount(root);
-      attachDisposeCallback(view.nativeView);
+      view.nativeView.off(ViewBase.disposeNativeViewEvent, disposeCallback);
+      view.nativeView.on(ViewBase.disposeNativeViewEvent, disposeCallback);
 
       const originalTransition = frame.currentEntry.transition;
       // replace current page
@@ -133,7 +138,8 @@ export function $navigateTo<P = any>(
     });
 
     view.mount(root);
-    attachDisposeCallback(view.nativeView);
+    view.nativeView.off(ViewBase.disposeNativeViewEvent, disposeCallback);
+    view.nativeView.on(ViewBase.disposeNativeViewEvent, disposeCallback);
 
     frame.navigate({
       ...options,