How to connect Vue to a project inside TypeScript?

Question

typescript

I connected Vue to the project inside the JavaScript file and everything worked, but when I renamed index.js to index.ts, everything stopped working. Webpack for working with ts is configured and processes other ts scripts.

index.ts

// Vue.js 
window.Vue = require('vue')
import store from './vue/store/index'

// Vue components (for use in html) 
Vue.component('example-component', require('./vue/components/Example.vue').default)

// Vue init 
const app = new Vue({
  store,
  el: '#app'
})

What needs to be changed in the code to make Vue work?
Mostly a nitpick on the linewindow.Vue = require('vue')

Answer 1

Maybe it's worth importing? Instead of https://vuejs.org/v2/guide/typescript.html
import Vue from 'vue';
window.Vue = require('vue')