{"version":3,"file":"index-BPz1k4S6.js","sources":["../../../app/javascript/albums/index.vue"],"sourcesContent":["<template>\n  <section class=\"section-pt-pb-0\">\n    <div class=\"container\">\n      <h1 class=\"title mt-5 mb-0\">Albums</h1>\n      <hr class=\"mt-2 mb-4\" />\n      <div class=\"columns is-1 is-multiline\">\n        <AlbumItem\n          v-if=\"result && result.albums\"\n          v-for=\"album in result.albums.collection\"\n          :album=\"album\"\n          :key=\"album.id\"\n        />\n      </div>\n      <hr class=\"mt-1 mb-4\" />\n      <Pagination\n        v-if=\"result && result.albums\"\n        :metadata=\"result.albums.metadata\"\n        routeName=\"albums-index\"\n      />\n    </div>\n  </section>\n</template>\n\n<script setup>\nimport { computed } from \"vue\";\nimport { useRoute } from \"vue-router\";\nimport gql from \"graphql-tag\";\nimport { useQuery } from \"@vue/apollo-composable\";\nimport { useTitle } from \"vue-page-title\";\n\n// components\nimport AlbumItem from \"@/albums/album-item.vue\";\nimport Pagination from \"@/shared/pagination.vue\";\n\nuseTitle(\"Albums\"); // todo: add page number\n\nconst route = useRoute();\nconst page = computed(function () {\n  return parseInt(route.query.page) || 1;\n});\nconst { result } = useQuery(\n  gql`\n    ${gql_queries.albums_index}\n  `,\n  { page: page },\n);\n</script>\n"],"names":["useTitle","route","useRoute","page","computed","result","useQuery","gql"],"mappings":"m/BAkCAA,EAAS,QAAQ,EAEjB,MAAMC,EAAQC,EAAU,EAClBC,EAAOC,EAAS,UAAY,CAChC,OAAO,SAASH,EAAM,MAAM,IAAI,GAAK,CACvC,CAAC,EACK,CAAE,OAAAI,CAAQ,EAAGC,EACjBC;AAAA,MACI,YAAY,YAAY;AAAA,IAE5B,CAAE,KAAMJ,CAAM,CAChB"}