nativescript-vue · vallemar · Mar 18, 2025
diff --git a/package.json b/package.json
@@ -28,7 +28,7 @@
   "devDependencies": {
     "@commitlint/cli": "^19.7.1",
     "@commitlint/config-conventional": "^19.7.1",
-    "@nativescript/core": "~8.8.6",
+    "@nativescript/core": "~8.9.1",
     "@nativescript/webpack": "~5.0.22",
     "esbuild": "^0.25.0",
     "lint-staged": "^15.4.3",

diff --git a/src/components/ActionBar.ts b/src/components/ActionBar.ts
@@ -1,12 +1,13 @@
 import {
-  Page as NSCPage,
   ActionBar as NSCActionBar,
-  NavigationButton as NSCNavigationButton,
   ActionItem as NSCActionItem,
+  NavigationButton as NSCNavigationButton,
+  Page as NSCPage,
 } from '@nativescript/core';
-import { defineComponent, h, warn } from '@vue/runtime-core';
+import { defineComponent, h } from '@vue/runtime-core';
 import { NSVElement, NSVViewFlags } from '../dom';
 import { registerElement } from '../registry';
+import { logger } from '../util/logger';
 
 registerElement('NSCActionBar', () => NSCActionBar, {
   viewFlags: NSVViewFlags.SKIP_ADD_TO_DOM,
@@ -65,7 +66,7 @@ export const ActionBar = /*#__PURE__*/ defineComponent({
               parent.nativeView.actionBar = actionBar;
             } else {
               if (__DEV__) {
-                warn(
+                logger.warn(
                   `<ActionBar> must be a direct child of a <Page> element - ` +
                     `got <${parent.nativeView.constructor.name}> instead.`,
                 );

diff --git a/src/components/ListView.ts b/src/components/ListView.ts
@@ -1,12 +1,11 @@
 import {
+  Comment,
   defineComponent,
   getCurrentInstance,
   h,
+  ref,
   VNode,
-  warn,
   watch,
-  ref,
-  Comment,
 } from '@vue/runtime-core';
 
 import {
@@ -18,6 +17,7 @@ import {
 import { NSVElement, NSVViewFlags } from '../dom';
 import { registerElement } from '../registry';
 import { ELEMENT_REF } from '../runtimeHelpers';
+import { logger } from '../util/logger';
 
 registerElement('NSCListView', () => NSCListView, {
   viewFlags: NSVViewFlags.NO_CHILDREN,
@@ -136,9 +136,9 @@ export const ListView = /*#__PURE__*/ defineComponent({
         );
 
         if (nonCommentVnodes.length === 0) {
-          warn(`ListView template must contain at least one element.`);
+          logger.warn(`ListView template must contain at least one element.`);
         } else if (nonCommentVnodes.length > 1) {
-          warn(
+          logger.warn(
             `ListView template must contain a single root element. Found: ${vnodes.length}. Only the first one will be used.`,
           );
         }

diff --git a/src/index.ts b/src/index.ts
@@ -32,16 +32,17 @@ declare module '@vue/runtime-core' {
 
 init();
 
+export * from './components';
 export * from './dom';
 export * from './registry';
 export * from './renderer';
-export * from './components';
-export { ELEMENT_REF, createNativeView } from './runtimeHelpers';
+export { createNativeView, ELEMENT_REF } from './runtimeHelpers';
 
 export * from '@vue/runtime-core';
 export { vShow } from './directives/vShow';
-export { $showModal, $closeModal } from './plugins/modals';
-export { $navigateTo, $navigateBack } from './plugins/navigation';
+export { $closeModal, $showModal } from './plugins/modals';
+export { $navigateBack, $navigateTo } from './plugins/navigation';
+export * from './renderer/runtimeDomOverrides';
 
 // creates a special root container that calls resetRoot whenever it's children change
 function createAppRoot() {
@@ -97,10 +98,10 @@ export const createApp = ((...args) => {
   app.use(modalsPlugin);
   app.use(navigationPlugin);
 
-  app.config.errorHandler =  (err, instance, info) => {
+  app.config.errorHandler = (err, instance, info) => {
     console.error((info ? `Error during execution of ${info}: ` : ``) + err);
 
-    if(__DEV__) {
+    if (__DEV__) {
       throw err;
     }
   };

diff --git a/src/nativescript/elements.ts b/src/nativescript/elements.ts
@@ -5,10 +5,9 @@ import {
   TabViewItem as NSCTabViewItem,
 } from '@nativescript/core';
 
-import { warn } from '@vue/runtime-core';
-
 import { NSVElement, NSVViewFlags } from '../dom';
 import { registerElement } from '../registry';
+import { logger } from '../util/logger';
 
 export function registerCoreElements() {
   // layouts
@@ -91,7 +90,7 @@ export function registerCoreElements() {
           });
         } else {
           if (__DEV__) {
-            warn(
+            logger.warn(
               `<Frame> must only contain <Page> elements - ` +
                 `got <${child.nativeView.constructor.name}> instead.`,
             );

diff --git a/src/renderer/runtimeDomOverrides.ts b/src/renderer/runtimeDomOverrides.ts
@@ -0,0 +1,8 @@
+import { logger } from '../util/logger';
+
+export const TransitionGroup = {
+  new() {
+    logger.warn('TransitionGroup is not supported');
+    return { $props: {} };
+  },
+};
diff --git a/src/util/logger.ts b/src/util/logger.ts
@@ -0,0 +1,9 @@
+import { warn } from '@vue/runtime-core';
+
+const baseLogger = '[NativeScript-Vue]';
+
+export const logger = {
+  warn(msg: string) {
+    warn(`${baseLogger} ${msg}`);
+  },
+};