eduvia/nuxt-can
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: mirror v-can guard chains

Browse Source
This commit is contained in:
stanig2106
2025-11-14 19:23:18 +01:00
parent 2c4fe3f353
commit 7d823307fa
16 changed files with 573 additions and 138 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
ROADMAP.md
View File

@@ -110,7 +110,7 @@ Avant :
Après compilation :
```vue
<button v-if="__can__(['employee', 'view'])">Voir le dossier</button>
<button v-if="__can__('employee', 'view')">Voir le dossier</button>
```
### Exemple 2 — `v-if` + `v-can`
@@ -125,7 +125,7 @@ Avant :
Après compilation :
```vue
<div v-if="(isReady) && __can__(['contract', 'edit'])">
<div v-if="(isReady) && __can__('contract', 'edit')">
Modifier le contrat
</div>
```
@@ -141,8 +141,8 @@ Avant :
Après compilation :
```vue
<button v-if="(ctaVisible) && __can__(['employee', 'view'])">Voir</button>
<p v-if="!__can__(['employee', 'view'])">Acces refuse</p>
<button v-if="(ctaVisible) && __can__('employee', 'view')">Voir</button>
<p v-if="!__can__('employee', 'view')">Acces refuse</p>
```
### Exemple 4 — `v-if` / `v-else-if` / `v-else` + `v-can` / `v-cannot`
@@ -166,8 +166,8 @@ Résultat :
```vue
<template v-if="isOwner">
<button v-if="__can__(['employee', 'edit'])">Modifier</button>
<p v-if="!__can__(['employee', 'edit'])">Contactez votre admin</p>
<button v-if="__can__('employee', 'edit')">Modifier</button>
<p v-if="!__can__('employee', 'edit')">Contactez votre admin</p>
</template>
<template v-else-if="isManager">
<p>Vue manager</p>