chore” demo

Author: farfromrefug

demo-snippets/vue/BasicPager.vue

@@ -27,12 +27,12 @@ export default {
     data() {
         return {
             items: [
-                {title: "First", color: "#e67e22"},
-                {title: "Second", color: "#3498db"},
-                {title: "Third", color: "#e74c3c"},
-                {title: "Fourth", color: "#9b59b6"},
+                { title: 'First', color: '#e67e22' },
+                { title: 'Second', color: '#3498db' },
+                { title: 'Third', color: '#e74c3c' },
+                { title: 'Fourth', color: '#9b59b6' }
             ]
-        }
+        };
     },
     methods: {
         moveTo3() {
@@ -46,7 +46,6 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-
 .page Label {
     font-size: 35;
     text-align: center;
@@ -55,5 +54,4 @@ export default {
     color: #ffffff;
     text-transform: uppercase;
 }
-
-</style>
+</style>

demo-snippets/vue/Indicator.vue

@@ -13,23 +13,22 @@
                     </GridLayout>
                 </v-template>
             </Pager>
-                <PagerIndicator pagerViewId="pager" type="fill" verticalAlignment="bottom" horizontalAlignment="center" marginBottom="10"/>
-                <Button row="1" text="Reset" @tap="resetPager" />
+            <PagerIndicator pagerViewId="pager" type="fill" verticalAlignment="bottom" horizontalAlignment="center" marginBottom="10" />
+            <Button row="1" text="Reset" @tap="resetPager" />
         </GridLayout>
     </Page>
 </template>
 
 <script>
-
 export default {
     data() {
         return {
             selectedIndex: 2,
             items: [
-                {title: 'First', color: '#e67e22'},
-                {title: 'Second', color: '#3498db'},
-                {title: 'Third', color: '#e74c3c'},
-                {title: 'Fourth', color: '#9b59b6'},
+                { title: 'First', color: '#e67e22' },
+                { title: 'Second', color: '#3498db' },
+                { title: 'Third', color: '#e74c3c' },
+                { title: 'Fourth', color: '#9b59b6' }
             ]
         };
     },
@@ -38,7 +37,7 @@ export default {
             this.selectedIndex = 0;
         },
         selectedIndexChange(args) {
-            console.log("SELECTED INDEX CHANGES", args.value)
+            console.log('SELECTED INDEX CHANGES', args.value);
             this.selectedIndex = args.value;
         }
     }

demo-snippets/vue/RenderIssue.vue

@@ -1,4 +1,3 @@
-
 <template>
     <Page>
         <ActionBar>
@@ -20,7 +19,7 @@
                         </StackLayout>
                         <StackLayout marginBottom="50">
                             <Label :text="item.field3" />
-                            <StackLayout v-show="item.field3" backgroundColor="blue" height="10" width="10"/>
+                            <StackLayout v-show="item.field3" backgroundColor="blue" height="10" width="10" />
                         </StackLayout>
                     </StackLayout>
                 </v-template>
@@ -34,18 +33,16 @@ export default {
     data() {
         return {
             items: [
-                { field1: true, field2: true, field3: true},
-                { field1: true, field2: true, field3: false},
-                { field1: true, field2: false, field3: true},
-                { field1: false, field2: true, field3: true},
-                { field1: false, field2: true, field3: true},
-                { field1: true, field2: true, field3: false},
+                { field1: true, field2: true, field3: true },
+                { field1: true, field2: true, field3: false },
+                { field1: true, field2: false, field3: true },
+                { field1: false, field2: true, field3: true },
+                { field1: false, field2: true, field3: true },
+                { field1: true, field2: true, field3: false }
             ]
-        }
+        };
     }
 };
 </script>
 
-<style lang="scss" scoped>
-
-</style>
+<style lang="scss" scoped></style>

demo-snippets/vue/StaticPager.vue

@@ -6,7 +6,7 @@
         </ActionBar>
 
         <StackLayout class="page">
-            <Pager height="100%" peaking="30" spacing="10">
+            <Pager height="100%" peaking="30">
                 <PagerItem backgroundColor="#e67e22"><Label text="First" /></PagerItem>
                 <PagerItem backgroundColor="#3498db"><Label text="Second" /></PagerItem>
                 <PagerItem backgroundColor="#e74c3c"><Label text="Third" /></PagerItem>
@@ -21,13 +21,11 @@ export default {};
 </script>
 
 <style lang="scss" scoped>
-
 .page Label {
     font-size: 35;
     horizontal-alignment: center;
     vertical-alignment: center;
     color: #ffffff;
     text-transform: uppercase;
 }
-
-</style>
+</style>

demo-snippets/vue/Transformer.vue

@@ -18,27 +18,25 @@
 </template>
 
 <script>
-
 import { Pager } from '@nativescript-community/ui-pager';
 import transformer from '@nativescript-community/ui-pager/transformers/Scale';
 
-Pager.registerTransformer('scale', transformer)
+Pager.registerTransformer('scale', transformer);
 export default {
     data() {
         return {
             items: [
-                {title: "First", color: "#e67e22"},
-                {title: "Second", color: "#3498db"},
-                {title: "Third", color: "#e74c3c"},
-                {title: "Fourth", color: "#9b59b6"},
+                { title: 'First', color: '#e67e22' },
+                { title: 'Second', color: '#3498db' },
+                { title: 'Third', color: '#e74c3c' },
+                { title: 'Fourth', color: '#9b59b6' }
             ]
-        }
+        };
     }
 };
 </script>
 
 <style lang="scss" scoped>
-
 .page Label {
     font-size: 35;
     text-align: center;
@@ -47,5 +45,4 @@ export default {
     color: #ffffff;
     text-transform: uppercase;
 }
-
-</style>
+</style>