Вю.Яш - делать вспомогательные функции доступны в одном файле компонентов

У меня есть проект Vue 2, который имеет много (50+) однофайловых компонентов . Я использую Vue-Router для маршрутизации и Vuex для состояния.

Есть такой файл, называется helpers.js, который содержит кучу функций общего назначения, таких как заглавная буква первой буквы строки. Этот файл выглядит так:

export default {
    capitalizeFirstLetter(str) {
        return str.charAt(0).toUpperCase() + str.slice(1);
    }
}

Моя главная.JS файл инициализирует приложение:

import Vue from 'vue'
import VueResource from "vue-resource"
import store from "./store"
import Router from "./router"
import App from "./components/App.vue"

Vue.use(VueResource)

const app = new Vue({
    router: Router,
    store,
    template: '<app></app>',
    components: { App }
}).$mount('#app')

Мое Приложение.файл vue содержит шаблон:

<template>
    <navbar></navbar>
    <div class="container">
        <router-view></router-view>
    </div>
</template>

<script>
export default {
    data() {
        return {
            //stuff
        }
    }
}
</script>

Затем у меня есть куча однофайловых компонентов, которые vue-Router обрабатывает навигацию внутри <router-view>в приложении.шаблон vue.

Теперь предположим, что мне нужно использовать функцию capitalizeFirstLetter()внутри компонента, который определен в SomeComponent.вю . Для того, чтобы сделать это, мне сначала нужно импортировать его:

<template>Some Component</template>

<script>
import {capitalizeFirstLetter} from '../helpers.js'
export default {
    data() {
        return {
            myString = "test"
        }
    },
    created() {
         var newString = this.capitalizeFirstLetter(this.myString)
    }
}
</script>

Это быстро становится проблемой, потому что я в конечном итоге импортирую функцию во множество различных компонентов, если не во все из них. Это кажется повторяющимся и также затрудняет поддержание проекта. Например, если я хочу переименовать помощников.js, или функции внутри него, затем мне нужно войти в каждый отдельный компонент, который импортирует его,и изменить инструкцию import.

Короче говоря, как я делаю функции внутри помощников.js глобально доступны, так что я могу вызвать их внутри любого компонента без необходимости сначала импортировать их, а затем добавить thisк имени функции? Я в принципе хочу быть в состоянии сделать это:

<script>
export default {
    data() {
        return {
            myString = "test"
        }
    },
    created() {
         var newString = capitalizeFirstLetter(this.myString)
    }
}
</script>