$isAllowed('action', object) it performs twice in created, mounted hook.

[hen098]

Hi

I used $isAllowed with v-show.
There is a error in console because whenever created, mounted hook, it performs twice.
So, before post object receive value, post is undefined.

What should I do ?

*.vue

<template>
    <button v-show="$notice.isAllowed('update', post)" @click.prevent="$router.push({ name: `post-update-${$route.meta.type}` ,params:{'postNo':$route.params.postNo}})">update<button>
</template>
<script>
export default {
  name: 'post-detail',
  data () {
    return {
      post: {}
    }
  },
  perimeters: [
    noticePerimeter
  ]
  },
  created () {
    ajax('GET', `/posts/${this.$route.params.postNo}`, null).then(_data => {
        this.post = _data
      }).catch(_err => {
        this.$router.push({ name: `post-list-${this.$route.meta.type}` })
      })
  }
}
</script>

Perimeter

import BasePerimeter from './base-perimeter'

export default new BasePerimeter({
  purpose: 'notice',
  can: {
    read () { return this.isLogin() },
    create () { return this.isAllowed('read') },
    update (post) {
      return this.isAdmin() || this.isCreator(post)
    },
    destroy (post) { return this.isAllowed('update', post) }
  }
})

error