Sam0930
diff --git a/‎samples/app/220.js
Lines changed: 1 addition & 1 deletion b/‎samples/app/220.js
Lines changed: 1 addition & 1 deletion
diff --git a/‎samples/app/339.js
Lines changed: 1 addition & 1 deletion b/‎samples/app/339.js
Lines changed: 1 addition & 1 deletion
diff --git a/‎samples/app/344.js
Lines changed: 7 additions & 7 deletions b/‎samples/app/344.js
Lines changed: 7 additions & 7 deletions
diff --git a/‎samples/app/464.js
Lines changed: 1 addition & 1 deletion b/‎samples/app/464.js
Lines changed: 1 addition & 1 deletion
diff --git a/‎samples/app/app-with-list-view.js
Lines changed: 19 additions & 16 deletions b/‎samples/app/app-with-list-view.js
Lines changed: 19 additions & 16 deletions
diff --git a/‎samples/app/app-with-v-template-components.js
Lines changed: 1 addition & 1 deletion b/‎samples/app/app-with-v-template-components.js
Lines changed: 1 addition & 1 deletion
@@ -21,7 +21,7 @@ new Vue({
 
10000
  template: `
     <Frame>
       <Page>
-        <ActionBar title="Issue #127" />
+        <ActionBar title="Issue #220" />
         <StackLayout>
           <Button @tap="counter++">{{counter}}</Button>
           <keep-alive>
 
@@ -7,7 +7,7 @@ let step1_id = 0
 const Step1 = {
   template: `
     <Page class="page">
-      <ActionBar title="Home" class="action-bar" />
+      <ActionBar title="Issue #339" class="action-bar" />
       <StackLayout>
         <Label text="Welcome to step 1!" />
         <Button text="Thanks! Step 2 please." @tap="next" />
 
@@ -13,13 +13,13 @@ let step1_id = 0
 const Step1 = {
   template: `
     <Page class="page">
-      <ActionBar title="Home" class="action-bar" />
+      <ActionBar title="Step 1" class="action-bar" />
       <StackLayout>
         <StackLayout>
           <Label class="m-t-30" text="Welcome to step 1!" />
-  
+
           <CustomButton text="This button only works if you stay on this tab" @tap="next" />
-  
+
           <CustomButton text="This button always works" @tap.native="next" />
         </StackLayout>
       </StackLayout>
@@ -49,7 +49,7 @@ const Step1 = {
 const Step2 = {
   template: `
     <Page class="page">
-      <ActionBar title="Home" class="action-bar" />
+      <ActionBar title="Step 2" class="action-bar" />
       <StackLayout>
         <Label text="Welcome to step 2!" />
         <Button text="Great, time for step 3." @tap="next" />
@@ -75,7 +75,7 @@ const Step2 = {
 const Step3 = {
   template: `
     <Page class="page">
-      <ActionBar title="Home" class="action-bar" />
+      <ActionBar title="Step 3" class="action-bar" />
       <StackLayout>
         <Label text="You made it to the last step!" />
         <Button text="Cool, start over." @tap="reset" />
@@ -101,7 +101,7 @@ const Step3 = {
 const FirstTab = {
   template: `
     <Page class="page">
-      <ActionBar title="Home" class="action-bar" />
+      <ActionBar title="Issue #344" class="action-bar" />
       <StackLayout>
         <Label class="m-t-30" textWrap="true" text="Tap on the second tab, then tap on this tab, and tap back over to the second tab. The top button will no longer work on the second tab's page."
         />
@@ -121,7 +121,7 @@ const TabBar = {
           <Step1 />
         </Frame>
       <!--</keep-alive>-->
-  
+
       <StackLayout class="tabbar" orientation="horizontal" row="0">
         <Label class="tabbar__item" @tap="screen = 0" text="First" :class='{"tabbar__item--active": screen == 0}' />
         <Label class="tabbar__item" @tap="screen = 1" text="Second" :class='{"tabbar__item--active": screen == 1}' />
 
@@ -1,4 +1,4 @@
-const Vue = require('./nativescript-vue')
+const Vue = require('nativescript-vue')
 const {
   ObservableArray
 } = require('tns-core-modules/data/observable-array/observable-array')
 
@@ -3,7 +3,6 @@ const http = require('http')
 
 Vue.config.debug = true
 Vue.prototype.$http = http
-Vue.registerElement('gradient', () => require('nativescript-gradient').Gradient)
 
 new Vue({
   data: {
@@ -14,19 +13,21 @@ new Vue({
   },
 
   template: `
+  <Frame>
     <Page ref="page">
       <ActionBar :title="subreddit">
         <ActionItem android.systemIcon="ic_menu_refresh" ios.systemIcon="13" @tap="refresh" />
         <ActionItem text="change" android.position="popup" ios.position="right" @tap="chooseSubreddit" />
       </ActionBar>
-            
+
       <StackLayout>
-        <Gradient direction="to right" colors="#FF0077, red, #FF00FF" class="p-15">
+        <StackLayout orientation="horizontal" class="p-15">
           <Label class="p-5 c-white" horizontalAlignment="center" text="You are browsing" textWrap="true" />
           <Label class="p-5 c-white" horizontalAlignment="center" :text="subreddit" textWrap="true" />
-        </Gradient>
+        </StackLayout>
 
-        <ListView for="item in items" 
+        <ListView
+            for="item in items"
             class="list-group"
             separatorColor="red"
             @itemTap="onItemTap"
@@ -42,16 +43,17 @@ new Vue({
               </StackLayout>
             </StackLayout>
           </v-template>
-          
+
           <v-template if="item.type === 'page'">
             <WrapLayout orientation="horizontal" class="list-group-item active">
               <Label :text="'<<< ' + item.title + ' >>>'" style="color: red;" />
             </WrapLayout>
           </v-template>
-          
+
         </ListView>
       </StackLayout>
     </Page>
+  </Frame>
   `,
 
   created() {
@@ -69,13 +71,11 @@ new Vue({
           template: `
             <Page style="background-color: rgba(0, 0, 0, .6);">
               <StackLayout>
-                <Label class="h2" textAlignment="center" textWrap="true" text="${
-                  item.title
-                }" style="color: #fff; margin-top: 20" />
+                <Label class="h2" textAlignment="center" textWrap="true" text="${item.title}" style="color: #fff; margin-top: 20" />
                 <GridLayout rows="*, 60">
                   <ActivityIndicator row="0" :busy="true" height="100" />
                   <Image row="0" src="${item.fullImage}" />
-                  <Button row="1" @tap="$modal.close" text="Close" />                    
+                  <Button row="1" @tap="$modal.close" text="Close" />
                 </GridLayout>
               </StackLayout>
             </Page>
@@ -122,20 +122,23 @@ new Vue({
     fetchItems() {
       this.$http
         .getJSON(
-          `https://www.reddit.com/${
-            this.subreddit
-          }.json?limit=10&count=10&after=${this.last_page}`
+          `https://www.reddit.com/${this.subreddit}.json?limit=10&count=10&after=${this.last_page}`
         )
         .then(res => {
           this.items.push({
             title: 'Page ' + this.page_num,
             type: 'page'
           })
+
           res.data.children.forEach(item => {
+            const fullImage = item.data.preview
+              ? item.data.preview.images[0].source.url
+              : null
+            const image = item.data.preview ? item.data.preview.thumbnail : null
             this.items.push({
               title: item.data.title,
-              image: item.data.thumbnail,
-              fullImage: item.data.preview.images[0].source.url,
+              image: image,
+              fullImage: fullImage,
               type: 'entry'
             })
           })
 
@@ -7,7 +7,7 @@ Vue.config.debug = true
 // the framework should warn about this in the future!
 Vue.component('CommentComp', {
   props: ['comment'],
-  template: `<label :text="comment.content"/>`
+  template: `<Label :text="comment.content"/>`
 })
 
 new Vue({