Vue MathJax

This is a vue 3 MathJax component, which uses slots instead of passing formula as prop.

Usage

1<template>
2  <math-jax>
3    <div class="container">
4      <p>This is a vue component for $MathJax$</p>
5      <p>Instead of using <strong>span</strong> and pass formula as prop</p>
6      <p>But using <strong>slots</strong></p>
7      <p>$$c^2 = a ^ 2 + b ^ 2$$</p>
8    </div>
9  </math-jax>
10</template>
11
12<style>
13.container {
14  display: flex;
15  flex-direction: column;
16  justify-content: center;
17  align-items: center;
18}
19</style>