vue.js - Vue テンプレートが値を更新しない (構成 API)

Question

私は機能的なコンポーネントを持っています:

export default defineComponent({
  name: 'MovieOverview',
  components: {
    ExpandedMovieInformation,
  },
  setup() {
    let toggleValue = false;

    const toggleExpandedMovieInformation = (moviex: Movie) => {
      toggleValue = !toggleValue;
      console.log(toggleValue)
    };

    return {
      toggleValue,
      toggleExpandedMovieInformation,
    };
  },
});

<template>
  <div>
    <button v-on:click='toggleExpandedMovieInformation'>click</button>
    {{ toggleValue }}
  </div>
</template>

ボタンをクリックすると、console.log に変更が記録されますが、テンプレートの toggleValue は同じ値 (false) のままです。