<template>
  <div class="row q-pa-lg">
    <q-btn
      label="Open KFileManager"
      @click="popupOpen = true"
    />
    <KFileManager
      v-model="popupOpen"
      title="Title"
      :files="[{name: 'file 1'}, {name: 'file 2', contentUrl: 'https://picsum.photos/200/300'}]"
    />
  </div>
</template>
<script setup lang="ts">
import { ref } from 'vue'
import KFileManager from '../components/KFileManagerPopup/KFileManagerPopup.vue'

const popupOpen = ref(false)

</script>
