<template>
  <div class="columns is-centered mx-0">
  <div class="column is-10">
    <Logo class="px-2 mt-6"></Logo>
    <section class="hero mt-2">
      <div class="hero-body px-2 py-5">
        <article class="message is-primary">
        <div class="message-body has-text-black fs-18 py-3 mt-0">
          {{ isVietnamese ? 'Không có quyền truy cập.' : 'No access permission.' }}
      </div>
      </article>
      </div>
    </section>
  </div>
  </div>
</template>
<script>
export default {
  computed: {
    isVietnamese() {
      return navigator.language.toLowerCase().startsWith('vi');
    },
  }
}
</script>