// components/ComponentB.js

const ComponentB = {
    template: `
      <div>
        <h2>Component B</h2>
        <p>Data: {{ data }}</p>
        <v-btn @click="fetchData">Fetch Data</v-btn>
      </div>
    `,
    computed: {
      data() {
        return this.$store.state.data;
      }
    },
    methods: {
      async fetchData() {
        await this.$store.dispatch('fetchData');
      }
    }
  };