[Vuejs]-How to handle transitions and animations in Gridsome

Got the data part wrong, animations do work!

<script>
    export default {
      name: "headNav",
      data () {
          return {
            show: false
        }
      },
    };
</script>