<script setup lang="ts">
import DialogHeader from "@/components/DialogHeader.vue";
import SwaggerViewer from "@/modules/06_webservices/components/SwaggerViewer.vue";

const modal = defineModel<boolean>("modal", { required: true });

function onCloseDialog() {
  modal.value = false;
}
</script>
<template>
  <q-dialog v-model="modal" persistent maximized>
    <q-card style="max-width: 85vw; height: 90vh">
      <DialogHeader tittle="วิธีการใช้งาน" :close="onCloseDialog" />
      <q-separator />

      <q-card-section style="height: 80vh; overflow: auto">
        <SwaggerViewer />
      </q-card-section>
    </q-card>
  </q-dialog>
</template>

<style scoped></style>
