feat: mirror v-can guard chains

2025-11-14 19:23:18 +01:00
parent 2c4fe3f353
commit 7d823307fa
16 changed files with 573 additions and 138 deletions
--- a/test/fixtures/chains/app.vue
+++ b/test/fixtures/chains/app.vue
@@ -0,0 +1,31 @@
+<template>
+  <main>
+    <section>
+      <div id="branch-draft" v-if="phase === 'draft'" v-can="can.employee.view">
+        Draft
+      </div>
+      <div id="branch-pending" v-else-if="phase === 'pending'">
+        Pending
+      </div>
+      <div id="branch-fallback" v-else>
+        Fallback
+      </div>
+      <p id="branch-denied" v-cannot>
+        Permission missing
+      </p>
+    </section>
+
+    <section>
+      <button id="approve-action" v-can="can.contract.approve">
+        Approve
+      </button>
+      <p id="explicit-denied" v-cannot="can.contract.approve">
+        Need contract.approve
+      </p>
+    </section>
+  </main>
+</template>
+
+<script setup lang="ts">
+const phase = 'pending'
+</script>