<template>
    <div class="test">
        <h1>测试--</h1>
        <!-- {{ mainStore.text }} -->
    </div>
    <button @click="changeTextFn">修改</button>
</template>

<script lang="ts" setup>
// import { useStore } from 'store/main'
// const mainStore = useStore()
//  mainStore.text
const changeTextFn = () => {
    // mainStore.text="999"
    // mainStore.$patch((state)=>{
    //     state.text = "何以皆有，唯有杜康"
    // })
    // 或者
    // mainStore.$patch({
    //     text: '55555555'
    // })
}
let a = '6666'
console.log(a)
</script>

<style scoped lang="scss">
.test {
    color: $main-color;
}
</style>
