<template>
  <ie-page :fix-height="true" :safe-area-inset-bottom="false">
    <ie-navbar title="我的收藏" />
    <ie-auto-resizer>
      <ie-tabs-swiper v-model="current" :list="tabs" :scrollable="false">
        <template #university>
          <collect-university />
        </template>
        <template #major>
          <collect-major />
        </template>
      </ie-tabs-swiper>
    </ie-auto-resizer>
  </ie-page>
</template>

<script lang="ts" setup>
import type { SwiperTabItem } from '@/types';
import CollectUniversity from './components/collect-university.vue';
import CollectMajor from './components/collect-major.vue';

const current = ref(0);
const tabs = ref<SwiperTabItem[]>([
  {
    name: '关注的院校',
    slot: 'university'
  },
  {
    name: '关注的专业',
    slot: 'major'
  }
]);
</script>

<style lang="scss"></style>