Error occurred in Vue.js. Plz help me - development

Error occurred in Vue.js. Plz help me

“Property or method “show” is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property”
An error has occurred. Plz help me !

This is my code.

<script>
import { SlideYUpTransition } from 'vue2-transitions'

export default {
  data: () => ({
    listitems: [{
        title: '출결관리',
        path: '/attendanceCheck'
      },
      {
        title: '학생관리',
        path: '/studentAdministration'
      },
      {
        title: '알림설정',
        path: '/notificationSetting'
      }
    ],
    components: {
      SlideYUpTransition
    },
    data() {
      return {
        show: true
      }
    }
  })
}
</script>

<style>

/*-- Contents --*/
/* .content {
  width: 580px;
  padding: 20px;
  margin-bottom: 20px;
  float: left;
} */


@media ( max-width: 480px) {
  .container {
    width: auto;
  }
  .content {
    float: none;
    width: auto;
  }
}
</style>

<template>

  <!-- Contents ( Image, Notice ) -->
  <div class = "contents">
    <section>
        <v-parallax src="/images/bg.png" height="650"></v-parallax>
    </section>
    <slide-y-up-transition  >
      <div v-show="show">Your content here</div>
    </slide-y-up-transition>
  </div>
</template>

from Laravel Questions and Answers https://laravelquestions.com/laravel/error-occurred-in-vue-js-plz-help-me/
via Lzo Media