1. npm install winter-dev-lib-main-vue2
2. п

src/main.ts
import { permissionPlugin } from 'winter-dev-lib-main-vue2/casl';
permissionPlugin.install(Vue); 

src/App.vue
import { permissions } from 'winter-dev-lib-main-vue2/casl';
permissions.update([
  {
    action: ['read', 'delete'],
    subject: 'user.phone',
  },
]);

import Permission from 'winter-dev-lib-main-vue2/permission';

<Permission subject="user" action="read">
  {{ item.createdBy.name }}
</Permission>

ts support // @types/shims-winter-dev-lib-main-vue2.d.ts

declare module 'winter-dev-lib-main-vue2/permission' { import Vue from 'vue'; import { Condition, Rule } from winter-dev-lib-main-vue2

export interface PermissionProps { type?: 'block' | 'image' | 'text' | 'phone'; tag?: string; unscopedMode?: boolean; action: 'read' | 'update' | 'delete' | 'create' | 'mixed'; subject: string; generateTemplateTooltip?: (rule: Rule) => string; }

import { VueConstructor } from 'vue'; const PWrapper: VueConstructor<Vue & { $props: PermissionProps }>;

export default PWrapper; }