webpack vue

.travis.yml

@@ -5,9 +5,9 @@ branches:
 stages:
   - lint
   - build core
-  - build vue
   - webpack core
   - webpack angular
+  - webpack vue
   - tests
 
 matrix:
@@ -94,6 +94,29 @@ matrix:
         - "cd src && npm run build && npm pack"
         - "cd ../demo-angular && tns plugin add ../src/*.tgz"
         - "npm i && tns build ios --bundle --env.uglify --env.aot"
+    - stage: webpack vue
+      ## Android Webpack
+      os: linux
+      language: android
+      env:
+        - OS="Android28"
+      jdk: oraclejdk8
+      before_install: nvm install 8.11.4
+      script:
+        - cd demo-vue && npm run build.plugin
+        - npm i && tns build android --bundle --env.uglify
+    ## iOS Webpack
+    - os: osx
+      env:
+        - OS="iOS12.0"
+        - Xcode="10.0"
+      osx_image: xcode10
+      language: node_js
+      node_js: "8"
+      jdk: oraclejdk8
+      script:
+        - cd demo-vue && npm run build.plugin
+        - npm i && tns build ios --bundle --env.uglify
     # Tests
     - stage: tests
       ## Android Test

demo-vue/app/components/Home.vue

@@ -4,29 +4,21 @@
       <Label class="action-bar-title" text="Home"></Label>
     </ActionBar>
 
-    <GridLayout>
-      <CardView ripple="true" margin="5" loaded="{{ cardLoaded }}" id="batCard" class="whiteCard">
-        <grid-layout rows="200, auto, auto" columns="*, *">
-          <image src="res://icon" stretch="aspectFill" margin="10" colspan="2" row="0">
-          <label
-            text="NativeScript wants to be friends?"
-            class="info"
-            textWrap="true"
-            row="1"
-            colspan="2"
-          />
-          <button text="Decline" class="blue" row="2" col="0"/>
-          <button text="Accept" class="blue" row="2" col="1"/>
-        </grid-layout>
+    <StackLayout>
+      <Label text="CardView working in NativeScript-Vue" class="h3"/>
+      <CardView ripple="true" padding="5" margin="5" height="300">
+        <StackLayout>
+          <Label class="info" horizontalAlignment="center" verticalAlignment="center">
+            <FormattedString>
+              <Span class="fa" text.decode="&#xf135; "/>
+              <Span :text="message"/>
+            </FormattedString>
+          </Label>
+          <Image src="res://icon" stretch="aspectFit" height="120"/>
+          <Button text="Button"/>
+        </StackLayout>
       </CardView>
-
-      <Label class="info" horizontalAlignment="center" verticalAlignment="center">
-        <FormattedString>
-          <Span class="fa" text.decode="&#xf135; "/>
-          <Span :text="message"/>
-        </FormattedString>
-      </Label>
-    </GridLayout>
+    </StackLayout>
   </Page>
 </template>
 

demo-vue/package.json

@@ -1,8 +1,11 @@
 {
   "nativescript": {
-    "id": "org.nativescript.cardview.vue",
+    "id": "org.nativescript.demovue",
     "tns-android": {
       "version": "5.2.1"
+    },
+    "tns-ios": {
+      "version": "5.2.0"
     }
   },
   "description": "NativeScript Application",
@@ -11,23 +14,19 @@
   "dependencies": {
     "nativescript-cardview": "file:../src",
     "nativescript-theme-core": "~1.0.4",
-    "nativescript-vue": "~2.0.2",
-    "tns-core-modules": "~5.2.2"
+    "nativescript-vue": "~2.0.0",
+    "tns-core-modules": "~5.2.0"
   },
   "devDependencies": {
     "@babel/core": "~7.1.0",
     "@babel/preset-env": "~7.1.0",
     "babel-loader": "~8.0.0",
-    "jasmine-core": "3.3.0",
-    "karma": "4.0.1",
-    "karma-jasmine": "1.1.2",
-    "karma-nativescript-launcher": "0.4.0",
-    "nativescript-dev-typescript": "~0.8.0",
-    "nativescript-dev-webpack": "^0.20.2",
-    "tns-platform-declarations": "^5.2.2",
+    "nativescript-dev-webpack": "~0.20.2",
     "nativescript-vue-template-compiler": "~2.0.2",
     "node-sass": "~4.9.0",
-    "vue-loader": "~15.4.0"
+    "vue-loader": "~15.4.0",
+    "tslint": "~5.13.1",
+    "typescript": "~3.1.6"
   },
   "gitHead": "f548ec926e75201ab1b7c4a3a7ceefe7a4db15af",
   "readme": "NativeScript Application"