[Vue.js / Nuxt.js] アコーディオンアニメーション用のコンポーネントを最小の手数で作る [コピペで一瞬]

結論

これでいける

使い方

こんなかんじ

<template>
  <div>
    <button @click="() => (isOpen = !isOpen)">
    <SlideWrapper :is-open="isOpen">
      <div>
        <!-- ここに開閉を切り替えたい中身を書く -->
      </div>
    </SlideWrapper>
  </div>
</template>