1) npm install winter-dev-lib-main-vue2 2) п ``` src/main.ts import { permissionPlugin } from 'winter-dev-lib-main-vue2/casl'; permissionPlugin.install(Vue); ```
npm install winter-dev-lib-main-vue21) npm install winter-dev-lib-main-vue2
2) п
`` `
src/main.ts
import { permissionPlugin } from 'winter-dev-lib-main-vue2/casl';
permissionPlugin.install(Vue);
3)
` `
src/App.vue
import { permissions } from 'winter-dev-lib-main-vue2/casl';
permissions.update([
{
action: ['read', 'delete'],
subject: 'user.phone',
},
]);
4)
`
import Permission from 'winter-dev-lib-main-vue2/permission';
{{ item.createdBy.name }}
``
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
export default PWrapper;
}