Monaca Vue 2 + onsenui Неопределенный метод?

Question

Создан проект с шаблоном сплиттера monaca / vue2 / onsenui. Определил метод тестирования в файле main.js следующим образом:

import 'onsenui';
import Vue from 'vue';
import VueOnsen from 'vue-onsenui';

// Onsen UI Styling and Icons
require('onsenui/css-components-src/src/onsen-css-components.css');
require('onsenui/css/onsenui.css');

import App from './App.vue';

Vue.use(VueOnsen);

var app = new Vue({
  el: '#app',
  template: '<app></app>',
  components:{App} , 
  methods: {

    test: function () {

      console.log('testing');


    }

    }
 });

тогда вызов метода здесь @click в homepage.vue

<template>
    <v-ons-page>
      <custom-toolbar :title="'Home'" :action="toggleMenu"></custom-toolbar>
      <p style="text-align: center">
        Welcome home.

         <button v-on:click="test">test</button>

      </p>
    </v-ons-page>
</template>

<script>


  import customToolbar from './toolbar'
  export default {
    props: ['toggleMenu'],
    components: { customToolbar } 
  }
</script>

Его метод всегда возвращается как неопределенный, я что-то упустил...

Структура проекта:

https://i.imgur.com/D5aauBg.png