<template>
  <div>B</div>
  <div>sharedVar: {{ sharedVar }}</div>
  <button @click="toggleOutside">toggle outside</button>
  <button @click="toggleInside">toggle inside</button>
</template>

<script>
import { useTestState } from '../state';
export default {
  name: 'B',
  setup() {
    const { sharedVar, toggleOutside, toggleInside } = useTestState();

    return {
      sharedVar,
      toggleOutside,
      toggleInside,
    };
  },
};
</script>