<script setup lang="ts">
import { ref } from "vue";
import { useRouter } from "vue-router";
import InsigniaList from "@/modules/01_metadataNew/components/insignia/InsigniaList.vue";

const router = useRouter();

const nameId = ref<string>("");
</script>

<template>
  <div class="toptitle text-dark col-12 row items-center">
    <q-btn
      icon="mdi-arrow-left"
      unelevated
      round
      dense
      flat
      color="primary"
      class="q-mr-sm"
      @click="router.go(-1)"
    />
    รายการข้อมูลเครื่องราชอิสริยาภรณ์ {{ nameId }}
  </div>

  <q-card flat bordered>
    <InsigniaList v-model:insigniaTypeName="nameId" />
  </q-card>
</template>

<style scoped></style>
