reactiveTransform
reactiveTransform is an helper function creating a reactive object compatible with an HTML style attribute.
Parameters
props
Default TransformProperties object to create the reactive one from.
Exposed
state
The reactive TransformProperties object to manipulate.
style
A reactive transform attribute compatible string.
Example
<template>
<div :style="{transform}" @click="shift" />
</template>
<script setup>
const { state, transform } = reactiveTransform({
x: 100,
y: 25,
rotate: 25,
})
const shift = () => {
state.x += 100
}
</script>
Table of Contents