<script setup lang="ts">

import {useUserStore} from "@/store";
import {storeToRefs} from "pinia";
import {computed} from "vue";
import RecordTable from "@/pages/record/modules/recordTable.vue";

const {theme} = storeToRefs(useUserStore());
const lightTheme = computed(() => theme.value === 'light');
</script>
<template>
    <div class="search content" :class="{'light-mode':lightTheme,'dark-mode':!lightTheme}">
        <t-input placeholder="请输入书名"></t-input>
        <record-table/>
<!--        <borrow/>-->
    </div>
</template>

<style lang="less" scoped>
@import '@/index.less';

@basic-color: var(--basic-color);
.search {
    background-color: @basic-color;
}
</style>