# Mathjax and vue

i have succes to load math formula using mathjax with framework7 v2. by adding this code on index.html

  <script type="text/x-mathjax-config">
MathJax.Hub.Config({
imageFont: null,
extensions: ["tex2jax.js"],
jax: ["input/TeX","output/HTML-CSS"],
tex2jax: {inlineMath: [["$","$"],["\$$","\$$"]]}
});
</script>
<script type="text/javascript" async
src="MathJax/MathJax.js">
</script>

**and calling render function on my  app.js**
(document).on('page:init', function (e) {
// Do something here when page loaded and initialized
MathJax.Hub.Typeset();
});


But the problem is , when i want to use another template with vue.js
i do not know where to place the Mathjax Config code , i tried to place that code on the index.html . But its seem like the code didnt work