Mathjax and vue

Questions
1

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