<script setup lang="ts">

import ListCards from "@/pages/list/modules/listCards.vue";
//import Borrow from "@/pages/list/modules/borrow.vue";
import {useUserStore} from "@/store";
import {storeToRefs} from "pinia";
import {computed} from "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-typography-title level="h2">仓储查询</t-typography-title>-->
        <t-input placeholder="请输入书名"></t-input>
        <list-cards/>
<!--        <borrow/>-->
    </div>
</template>

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

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