vue-typescript | vue2.x typescript template | State Container library

I use Youtube API to collect data, then I use node.js Youtube Downloader. On the end I use video on classic html5 tag.

In some reasons some video's work well some not.

I use this package on server part -> https://www.npmjs.com/package/youtube-dl

I have working copy for creating and loading theme in vue-typescript vs vue-material.

Look's like :

SCSS code:

I have searched all over the web for a minimal, working example of a Vue.js + TypeScript setup. As per usual with the "modern JavaScript stack", most of these tutorials are either out-of-date despite being written just a couple of months ago or depending on a very specific setup. There appears to be no generic, verifiable example to build on.

Here are some of the resources I considered:

• https://vuejs.org/v2/guide/typescript.html
• https://herringtondarkholme.github.io/2016/10/03/vue2-ts2/
• http://www.mindissoftware.com/Vue-Sample-in-Typescript/
• https://medium.com/@hayavuk/setting-vue-up-for-typescript-goodness-a6ddc4072f4f
• https://johnpapa.net/vue-typescript/
• https://alexjoverm.github.io/2017/06/28/Integrate-TypeScript-in-your-Vue-project/

The basic template I use is the one provided by running vue-cli init webpack with all default options. As this produces a lot of code, I'm not pasting everything here. If there is need for some specific excerpts, I will gladly update the question.

The official Vue.js documentation is useless for my purpose because it doesn't consider setting up TypeScript with SFCs. The latest I tried was the last on of the list. I followed the setup precisely but it runs me into the following error on npm run dev:

I have a fresh VueJs project scaffold using the Vue CLI 3.0.4 I want to use SCSS variables inside all the components without having to import the _variables.scss in all the components. I want to import _variables.scss and I found that can be done by using sass-resource-loader. I've looked at all the answers around here and all are outdated as they do not work with vue-loader 15.

So inside vue.config.js i have the following:

Recently I wrote for myself a demo-app (full code: https://github.com/aversilov/parley-fork) based on this Ahamed Foysal's example (https://www.codementor.io/foysalit/rest-api-with-mongodb-and-nest-js-hto6x5120). As you know NestJS is a very young framework and there are catastrophicaly small number of tutorials & demo-apps for learn it. So, I create all files in the project, run mongod in separate terminal window, and run app: npm run start But the app is crashed with:

Error output

P.S. I checked - circular references in my codebase don't exists (Vue + typescript - TypeError: Object prototype may only be an Object or null: undefined).

Any help would be greatly appreciated.

I'm trying to upgrade vue js to 2.5.2 with typescript 2.5.3.

Here is the my index.ts file: