<template>
	<view class="content">
		<Home v-if="tabIndex === 0" />
		<SuanGua v-if="tabIndex === 1" />
		<User v-if="tabIndex === 2" />
	</view>
	<TabBar />
</template>

<script setup lang="ts">
import SuanGua from '@/pages/suan-gua/suan-gua.vue'
import Home from '@/pages/home/home.vue'
import User from '@/pages/user/user.vue'
import TabBar from '@/components/TabBar.vue'
import { useTabStore } from "@/stores";
import { storeToRefs } from "pinia";

const {
	tabIndex
} = storeToRefs(useTabStore())

console.log(tabIndex.value);

</script>

<style lang="scss" scoped>
.content {
	height: auto;
}
</style>
