При добавлении кода v-if="isOwner" должно скрывать кнопку (редактировать страницу)а у меня перестала загружаться?

Question

[николай тамазенко]

При добавлении кода v-if="isOwner" должно скрывать кнопку (редактировать страницу) для не зарегистрированных пользователей, а у меня перестала загружаться эта страница.
вот ссылка на https://vuevlad.web.app/ad/-MGDAVMNA5WOU44pMm2L

<template>
  <v-container>
    <v-layout row>
      <v-flex xs12>
        <v-card v-if="!loading">
          <v-img :src="ad.imageSrc" height="300px"></v-img>
          <v-card-text>
            <h1 class="text--primary">{{ad.title}}</h1>
            <p>{{ad.description}}</p>
          </v-card-text>
          <v-card-actions>
            <v-spacer></v-spacer>
            <addEditAdModal :ad="ad" v-if="isOwner"></addEditAdModal>
            <app-buy-modal :ad="ad"></app-buy-modal>
          </v-card-actions>
        </v-card>
        <div v-else class="text-xs-center">
          <v-progress-circular indeterminate :size="100" :width="4" color="purple"></v-progress-circular>
        </div>
      </v-flex>
    </v-layout>
  </v-container>
</template>

<script>
import EditAdModal from "./EditAdModal";

export default {
  props: ["id"],
  computed: {
    ad() {
      const id = this.id;
      return this.$store.getters.adById(id);
    },
    loading() {
      return this.$store.getters.loading;
    },
    isOwner() {
      return this.ad.ownerId === this.$store.getters.user.id;
    },
  },
  components: {
    addEditAdModal: EditAdModal,
  },
};
</script>

<style scoped>
.car-link {
  left: 90%;
  transform: translate(10%);
}
</style>

Comments

[Кира]

В консоли ошибка Cannot read property 'id' of null

Answer 1

[Алексей Ярков]

Написано же в консоли всё

Answer 2

[николай тамазенко]

друзья ура, ответ был в добавлении вот этого

isOwner() {
      let user = this.$store.getters.user;
      return user && this.ad.ownerId === this.$store.getters.user.id;
    },