<script setup>
import { reactive } from "vue"
// bg-btns
const btns = reactive({
  options: [{ name: 'hello', value: 'hello' }, { name: 'world', value: 'world' }],
  currentValue: 'hello'
})

// bg-card
const card = reactive({
  title: 'haha',
  icon: "#bg-ic-c-s-half-star"
})

//
</script>

<template>
  <bg-btns :options="btns.options" v-model="btns.currentValue"></bg-btns>

  <bg-card :title="card.title" :icon="card.icon">
    <!-- slot自定义card内容体 -->
    <div>
      <div>haha</div>
      <p>adsadsa</p>
    </div>
  </bg-card>
</template>

<style scoped>

</style>
