Vue.js 쓰기 권한 주기

$IS_AUTH_WRITE()란 사용자가 쓰기 권한이 있는지 판단하는 함수라고 가정하자.

관리자가 아닐때 글쓰기 버튼이 invisible되게 처리 하는 함수 예시: 

 

<template>
  <div>
    <h1>게시판</h1>
    <v-btn v-if="$IS_AUTH_WRITE()">글쓰기</v-btn>
  </div>
</template>

<script>
export default {
  methods: {
    $IS_AUTH_WRITE() {
      // 여기서는 간단히 예시로 true 반환. 실제로는 인증 로직 필요.
      return this.$store.state.userRole === 'admin';
    }
  }
}
</script>