title: Using Vue.js + Jekyll multilingual
body: <p>I am using <a href="https://jekyllrb.com/" rel="nofollow noreferrer">Jekyll</a> with
  <a href="https://github.com/kurtsson/jekyll-multiple-languages-plugin" rel="nofollow noreferrer">jekyll-multiple-languages-plugin</a>  and I want to use <strong>Vue.js + Webpack</strong> as well.
  I cannot understand the proper way to do this.</p>
  <p>Jekyll uses .yml files to store data, and then Liquid tags like this {% translate title %} to provide data per language.</p>
  <p>I <strong>can</strong> set src folder and all the vue scaffolding in _site folder ,
  run <code>bundle exec jekyll serve</code>
  and then run <code>npm run serve</code> from _site and use translations in the vue like this:</p>
  <pre><code>---
  layout: default
  ---
  &lt;template&gt;
    &lt;h1&gt;{% translate title %}&lt;/h1&gt;
  &lt;/template&gt;
  </code></pre>
  <p>But this is of course will leave me with just cloned compiled vue apps per language.</p>
  <p>How can I properly pass variables from my i18n/en.yml and i18n/de.yml translations into Vue.js and compile it with Webpack?</p>