@keyframes generated from VueJS script with dynamic values

Hello,

I need to generate @keyframes from VueJS script with dynamic values.

const angle = 45;

const keyframes = `
    @keyframes compass-overshoot {
        0% {
        	transform: rotate(${angle + 10}deg);
        }
        50% {
        	transform: rotate(${angle - 8}deg);
        }
        70% {
        	transform: rotate(${angle + 6}deg);
        }
        85% {
        	transform: rotate(${angle - 3}deg);
        }
        100% {
            transform: rotate(${angle}deg);
        }
    }
`;

How is it possible to use this @keyframes ?

Thanks for your help.

V