<template>
  <div class="more-content">
    <button @click="isShowPoemList = true">
      诗词
    </button>
    <button>画作</button>

    <PoemList
      v-if="isShowPoemList"
      @close="isShowPoemList = false"
    />
  </div>
</template>

<script setup>
import { ref, computed, watch, onMounted, inject } from "vue"
import { useRoute, useRouter } from "vue-router"
import { useStore } from "vuex"
import PoemList from '@/views/PoemList.vue'

const route = useRoute()
const router = useRouter()
const store = useStore()

const $env = inject('$env')

const isShowPoemList = ref(false)
</script>

<style lang="less" scoped>
.more-content{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
</style>