Nov 19, 2023 · Oct 14, 2023
diff --git a/src/nativescript/elements.ts b/src/nativescript/elements.ts
 import { Frame as NSCFrame, Page as NSCPage } from '@nativescript/core';
 import {
  Frame as NSCFrame,
  Page as NSCPage,
  TabView as NSCTabView,
  TabViewItem as NSCTabViewItem,
 } from '@nativescript/core';

 import { warn } from '@vue/runtime-core';

      },
    },
  );

  registerElement(
    'TabViewItem',
    () => require('@nativescript/core').TabViewItem,
  );

  registerElement('TabView', () => require('@nativescript/core').TabView, {
    model: {
      prop: 'selectedIndex',
      event: 'selectedIndexChange',
    },
    nodeOps: {
      insert(child, parent) {
        const tabView = parent.nativeView as NSCTabView;

        if (child.nativeView instanceof NSCTabViewItem) {
          const items = tabView.items || [];

          parent.setAttribute('items', items.concat([child.nativeView]));
        }
      },
      remove(child, parent) {
        const tabView = parent.nativeView as NSCTabView;
        const items = tabView.items.filter((item) => item !== child.nativeView);

        parent.setAttribute('items', items);
      },
    },
  });
 }
diff --git a/src/registry/index.ts b/src/registry/index.ts
 import { NSVElement, NSVViewFlags } from '../dom';
 importtype{ NSVElement, NSVViewFlags } from '../dom';

 export type NSVElementResolver = () => any;
Original file line number	Diff line number	Diff line change
		@@ -1,4 +1,9 @@
		import { Frame as NSCFrame, Page as NSCPage } from '@nativescript/core';
		import {
		Frame as NSCFrame,
		Page as NSCPage,
		TabView as NSCTabView,
		TabViewItem as NSCTabViewItem,
		} from '@nativescript/core';

		import { warn } from '@vue/runtime-core';

Expand DownExpand Up		@@ -217,4 +222,33 @@ export function registerCoreElements() {
		},
		},
		);

		registerElement(
		'TabViewItem',
		() => require('@nativescript/core').TabViewItem,
		);

		registerElement('TabView', () => require('@nativescript/core').TabView, {
		model: {
		prop: 'selectedIndex',
		event: 'selectedIndexChange',
		},
		nodeOps: {
		insert(child, parent) {
		const tabView = parent.nativeView as NSCTabView;

		if (child.nativeView instanceof NSCTabViewItem) {
		const items = tabView.items \|\| [];

		parent.setAttribute('items', items.concat([child.nativeView]));
		}
		},
		remove(child, parent) {
		const tabView = parent.nativeView as NSCTabView;
		const items = tabView.items.filter((item) => item !== child.nativeView);

		parent.setAttribute('items', items);
		},
		},
		});
		}
Original file line number	Diff line number	Diff line change
		@@ -1,4 +1,4 @@
		import { NSVElement, NSVViewFlags } from '../dom';
		importtype{ NSVElement, NSVViewFlags } from '../dom';

		export type NSVElementResolver = () => any;

Expand Down