SmartyのtplとVueを統合したい

Question

前提・実現したいこと

Smartyのtpl内で呼び出した関数の値を Vue に渡す、もしくは Vue に書き換えたいです。

該当のソースコード

<div id="app">
  {foreach $user->getNames() as $name}
  <p>{$name}</p>
  {/foreach}
</div>

▼やりたいこと

<div id="app">
  <div v-for="name in userNames">
    <p>{{ name }}</p>
  </div>
</div>
<script>
new Vue({
  el: '#app',
  data: {
    userNames: [],
  },
  mounted() {
    this.getNames();
  },
  methods: {
    getNames: function() {
      this.userNames = // ここで$user->getNames()を呼びたい
    }
  }
})
</script>

試したこと

axiosを使った方法を試したが$user->getNames()の形でメソッドを指定して呼ぶ方法がわからず手こずっています。

よろしくお願いします。