nuxt3 - composables

クリック＆ホバー

これをクリックすると【A】が連動する

これをクリックすると【B】が連動する

これをクリックすると【C】が反応する

これをホバーすると【C】も連動する

これをホバーすると【A】も連動する

  • A
  • B
  • C
  • C
  • B
  • A
@event="updateEventGroup('name')"で動かすと、data-event-group="name"にclassをトグルする。

スクロール

この要素が完全にviewportに入ると反応、外に出ると戻る

この要素が完全にviewportに入ると反応、反応は一度きり

data-scrollを付けると要素がviewportに入ると反応する。
data-scroll="fin"を付けると反応は一回切りになる。