<template>
  <div>
    Bear population: {{ bearStore.bears }}
    <br />
    <button @click="() => bearStore.increasePopulation()">
      Increase population
    </button>
  </div>
</template>

<script>
import { bearStoreVue } from "./bearStore";

export default {
  name: "BearPopulation",
  data() {
    return {
      bearStore: bearStoreVue,
    };
  },
};
</script>