chore: add bug example

Author: keerl

demo-snippets/vue/RenderIssue.vue

@@ -0,0 +1,51 @@
+
+<template>
+    <Page>
+        <ActionBar>
+            <NavigationButton text="Back" android.systemIcon="ic_menu_back" @tap="$navigateBack" />
+            <Label text="Basic Pager" />
+        </ActionBar>
+
+        <StackLayout class="page">
+            <Pager for="item in items" height="100%">
+                <v-template>
+                    <StackLayout marginTop="200">
+                        <StackLayout marginBottom="50">
+                            <Label :text="item.field1" />
+                            <StackLayout v-if="item.field1" backgroundColor="red" height="10" width="10" />
+                        </StackLayout>
+                        <StackLayout marginBottom="50">
+                            <Label :text="item.field2" />
+                            <StackLayout v-if="item.field2" backgroundColor="green" height="10" width="10" />
+                        </StackLayout>
+                        <StackLayout marginBottom="50">
+                            <Label :text="item.field3" />
+                            <StackLayout v-if="item.field3" backgroundColor="blue" height="10" width="10"/>
+                        </StackLayout>
+                    </StackLayout>
+                </v-template>
+            </Pager>
+        </StackLayout>
+    </Page>
+</template>
+
+<script>
+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},
+            ]
+        }
+    }
+};
+</script>
+
+<style lang="scss" scoped>
+
+</style>

demo-snippets/vue/install.ts

@@ -4,6 +4,7 @@ import Pager from '@nativescript-community/ui-pager/vue';
 import StaticPager from './StaticPager.vue';
 import BasicPager from './BasicPager.vue';
 import Indicator from './Indicator.vue';
+import RenderIssue from './RenderIssue.vue';
 
 export function installPlugin() {
     Vue.use(Pager);
@@ -12,5 +13,6 @@ export function installPlugin() {
 export const demos = [
     { name: 'Static Pager', path: 'static', component: StaticPager },
     { name: 'Basic Pager', path: 'basic', component: BasicPager },
-    { name: 'Indicator', path: 'indicator', component: Indicator }
+    { name: 'Indicator', path: 'indicator', component: Indicator },
+    { name: 'Render Issue', path: 'indicator', component: RenderIssue }
 ];