Bring back ListView and fix remaining demo bugs

Author: Logikgate

demo-snippets/vue3/BottomSheetInner.vue

@@ -12,6 +12,13 @@
                 <MDTextField hint="Edit text to filter..." style="font-size: 16" />
                 <MDActivityIndicator *ngIf="processing" width="50" height="50" />
             </StackLayout>
+            <ListView height="150" :items="items" id="scrollView">
+                <GridLayout height="64" backgroundColor="green">
+                    <Image horizontalAlignment="left" width="64" />
+                    <Label horizontalAlignment="center" />
+                    <Label horizontalAlignment="right" />
+                </GridLayout>
+            </ListView>
             <Button text="Cancel" horizontalAlignment="center" />
         </StackLayout>
     </GridLayout>
@@ -21,8 +28,9 @@
 import BottomSheetInnerKeyboardVue from './BottomSheetInnerKeyboard.vue';
 import { useBottomSheet } from "@nativescript-community/ui-material-bottomsheet/vue3";
 const { showBottomSheet, closeBottomSheet } = useBottomSheet()
+import { ref } from 'nativescript-vue';
 
-const showExtraContent = false;
+const showExtraContent = ref(false);
 const items = [{}, {}, {}, {}, {}, {}]
 
 function onButtonTap(event) {
@@ -34,7 +42,7 @@ function onShownInBottomSheet(args) {
 }
 
 function toggleExtraContent() {
-    showExtraContent = !showExtraContent;
+    showExtraContent.value = !showExtraContent.value;
 }
 
 function openAnotherInner() {

demo-snippets/vue3/BottomSheetInnerKeyboard.vue

@@ -4,7 +4,6 @@
             <Button id="innerButtonK" @tap="onButtonTap" text="close with result k"></Button>
         </Stacklayout>
         <MDTextField margin="10" variant="filled" hint="Working TextView hint 🤪" />
-        <PreviousNextView />
     </StackLayout>
 </template>