Возможно ли импортировать модуль Vuex написанный на TS в обычный JS-компонент и использовать его?
Предположим, у меня есть TS-модуль Vuex, который выглядит как-то так:
import { Module, VuexModule, getModule, Mutation, Action } from 'vuex-module-decorators'
import store from '@/store'
@Module({
namespaced: true,
name: 'NewModule',
store,
dynamic: true
})
class NewModule extends VuexModule {
public events: Array<object> = []
@Mutation
PUT_EVENT_INTO_STORE(event: Object) {
this.events.push(event)
}
@Action({ commit: 'PUT_EVENT_INTO_STORE', rawError: true })
async pushEvent(event: Object) {
return Promise.resolve(event)
}
}
export default getModule(NewModule)
Я попытался импортировать его в обычный JS-компонент и потерпел поражение:
import NewModule from '@/modules/NewModule/'
//...
Computed: {
getStoreData(){
return NewModule.events
}
}
При попытке сделать где-то console.log(getStoreData()) консоль сообщает что функция getStoreData не определена.
Существует ли способ подружить TS-модуль с JS-компонентом? Или проще компонент на TS переписать? Спасибо за ответы.
ЗЫ Недавно работаю с TS. возможно я просто что-то не так импортировал/сделал