Как правильно настроить casl/vue для vue?

Question

[Владислав]

Добрый день.

Как правильно установить способности?
Получаю перечень строк способностей в массиве с сервера, устанавливаю их таким образом

try {
      const {data} = await this.$axios.get('abilities')
     
      this.$ability.update([
        {actions: data.data, subject: 'all'}
      ])
      }

Проверяю
$can('role-access')
Выдает false

Попробовал так установить

// импортировал defineAbility
try {
      const {data} = await this.$axios.get('abilities')
      
      defineAbility((can) => {
        can(data.data, 'all')
      })
      }

Тоже не работает.
В чём ошибка?

Кто опытный скажите, как лучше сделать, получать права при каждом клике или при входе сохранять в локал сторадж?

Comments

[Владислав]

Александр, Спасибо. Подскажите, как делают в больший проектах, обычным пользователям тоже дают роль при регистрации или только тем кому нужен дополнительный функционал?

[Владислав]

Александр, спасибо.

Answer 1

[Владислав]

Работает так.

// import { AbilityBuilder } from '@casl/ability';
const {data} = await this.$axios.get('abilities')
const { can, rules } = new AbilityBuilder();

can(data.data, 'all');

this.$ability.update(rules);

Инструкция