Complete action resolution for RPG systems - roll, modify, compare, resolve
Roll an attack against AC 15
Roll dice, apply modifiers, compare to target, and determine outcome - all in one component
Works with D&D, Pathfinder, Call of Cthulhu, FATE, and any RPG system
Automatically detects success, failure, critical success, and critical failure
Built-in support for D&D 5e advantage and disadvantage mechanics
Configurable for Pathfinder 2e degrees of success and other systems
See by how much you succeeded or failed for narrative effects
Track recent rolls with outcomes for reference
Color-coded results with animations for critical hits and fumbles
Responsive design that works perfectly on phones and tablets
Ready-to-use Vue 3 component for complete action resolution
npm install @action-resolver/vue<template>
<VActionResolver
dice="d20"
:modifiers="attackModifiers"
:target="enemyAC"
show-breakdown
@success="handleHit"
@failure="handleMiss"
/>
</template>
<script setup>
import { ref } from 'vue';
import { VActionResolver } from '@action-resolver/vue';
const attackModifiers = [
{ id: '1', label: 'Strength', value: 3 },
{ id: '2', label: 'Proficiency', value: 3 },
{ id: '3', label: 'Magic Weapon', value: 1 }
];
const enemyAC = 18;
function handleHit(result) {
console.log('Hit!', result);
// Roll damage...
}
function handleMiss(result) {
console.log('Miss!', result);
}
</script>