feat (wrap ns components): Wrap the Label NS component into a Vue's one.

msaelices · msaelices · commit e26dedac62c9 · 2018-06-22T12:48:00.000+02:00
diff --git a/platform/nativescript/element-registry.js b/platform/nativescript/element-registry.js
@@ -100,7 +100,7 @@ registerElement(
 )
 registerElement('Image', () => require('tns-core-modules/ui/image').Image)
 registerElement('img', () => require('tns-core-modules/ui/image').Image)
-registerElement('Label', () => require('tns-core-modules/ui/label').Label)
+registerElement('NativeLabel', () => require('tns-core-modules/ui/label').Label)
 registerElement(
   'ListPicker',
   () => require('tns-core-modules/ui/list-picker').ListPicker,
diff --git a/platform/nativescript/runtime/components/index.js b/platform/nativescript/runtime/components/index.js
@@ -2,6 +2,7 @@ import ActionBar from './action-bar'
 import ActionItem from './action-item'
 import android from './android'
 import ios from './ios'
+import Label from './label'
 import ListView from './list-view'
 import NavigationButton from './navigation-button'
 import TabView from './tab-view'
@@ -14,6 +15,7 @@ export default {
   ActionItem,
   android,
   ios,
+  Label,
   ListView,
   NavigationButton,
   TabView,
diff --git a/platform/nativescript/runtime/components/label.js b/platform/nativescript/runtime/components/label.js
@@ -0,0 +1,7 @@
+export default {
+  template: `
+    <native-label ref="label" v-bind="$attrs" v-on="$listeners">
+      <slot></slot>
+    </native-label>
+  `
+}

Original file line number	Diff line number	Diff line change
`@@ -100,7 +100,7 @@ registerElement(`
`100`	`100`	`)`
`101`	`101`	`registerElement('Image', () => require('tns-core-modules/ui/image').Image)`
`102`	`102`	`registerElement('img', () => require('tns-core-modules/ui/image').Image)`
`103`		`-registerElement('Label', () => require('tns-core-modules/ui/label').Label)`
	`103`	`+registerElement('NativeLabel', () => require('tns-core-modules/ui/label').Label)`
`104`	`104`	`registerElement(`
`105`	`105`	`'ListPicker',`
`106`	`106`	`() => require('tns-core-modules/ui/list-picker').ListPicker,`