<script setup>
// See: https://github.com/vuejs/vuepress/blob/master/packages/%40vuepress/theme-default/layouts/Layout.vue
import ParentLayout from '@vuepress/theme-default/layouts/Layout.vue'
import { ChronologicalWorksTable } from "../modules/work";
</script>

<template>
  <ParentLayout>
    <template #page-bottom>
      <div class="works-table-wrapper">
        <ChronologicalWorksTable />
      </div>
    </template>
  </ParentLayout>
</template>

<style lang="css" scoped>
.works-table-wrapper {
  margin: 0 auto;
  padding: 0 2rem;
  max-width: 1224px;
  box-sizing: border-box
}

.works-table-wrapper :deep(table) {
  width: 100%;
}
</style>

<style lang="css">
:root {
  --content-width: 960px;
}

.vp-page .theme-default-content {
  padding-bottom: 0 !important;
}

.vp-page-meta {
  display: none;
}
</style>
