FIx typescript "@" imports

src/components/ftbot/TradeList.vue

@@ -40,8 +40,8 @@ import { Component, Vue, Prop } from 'vue-property-decorator';
 import { namespace } from 'vuex-class';
 
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
-import { formatPercent } from '../../shared/formatters';
-import { Trade } from '../../store/types';
+import { formatPercent } from '@/shared/formatters';
+import { Trade } from '@/store/types';
 
 const ftbot = namespace('ftbot');
 

src/components/layout/NavBar.vue

@@ -39,8 +39,8 @@
 import { Component, Vue } from 'vue-property-decorator';
 import Login from '@/views/Login.vue';
 import { State, Mutation } from 'vuex-class';
-import userService from '../../shared/userService';
-import BootswatchThemeSelect from '../BootswatchThemeSelect.vue';
+import userService from '@/shared/userService';
+import BootswatchThemeSelect from '@/components/BootswatchThemeSelect.vue';
 
 @Component({
   components: { Login, BootswatchThemeSelect },

src/shared/userService.ts

@@ -1,6 +1,6 @@
 import axios from 'axios';
 
-import { AuthPayload } from '../store/types';
+import { AuthPayload } from '@/store/types';
 
 const AUTH_REFRESH_TOKEN = 'auth_ref_token';
 const AUTH_ACCESS_TOKEN = 'auth_access_token';

src/store/index.ts

@@ -1,9 +1,9 @@
 import Vue from 'vue';
 import Vuex from 'vuex';
 
+import userService from '@/shared/userService';
 import ftbotModule from './modules/ftbot';
 import alertsModule from './modules/alerts';
-import userService from '../shared/userService';
 
 Vue.use(Vuex);
 

src/store/modules/ftbot.ts

@@ -1,5 +1,5 @@
-import { api } from '../../shared/apiService';
-import { BotState } from '../types';
+import { api } from '@/shared/apiService';
+import { BotState } from '@/store/types';
 
 export default {
   namespaced: true,

src/views/Login.vue

@@ -64,10 +64,10 @@
 <script lang="ts">
 import { Component, Vue } from 'vue-property-decorator';
 import { Mutation } from 'vuex-class';
-import userService from '../shared/userService';
-import { setBaseUrl } from '../shared/apiService';
+import userService from '@/shared/userService';
+import { setBaseUrl } from '@/shared/apiService';
 
-import { AuthPayload } from '../store/types';
+import { AuthPayload } from '@/store/types';
 
 @Component({})
 export default class Login extends Vue {

src/views/Trading.vue

@@ -74,7 +74,7 @@ import FTBotAPIPairList from '@/components/ftbot/FTBotAPIPairList.vue';
 import TradeDetail from '@/components/ftbot/TradeDetail.vue';
 import ReloadControl from '@/components/ftbot/ReloadControl.vue';
 
-import { Trade } from '../store/types';
+import { Trade } from '@/store/types';
 
 const ftbot = namespace('ftbot');
 

tsconfig.json

@@ -5,11 +5,17 @@
         // this enables stricter inference for data properties on `this`
         "strict": true,
         // if using webpack 2+ or rollup, to leverage tree shaking:
-        "module": "es2015",
+        "module": "es2020",
         "moduleResolution": "node",
         "experimentalDecorators": true,
         "noImplicitAny": false,
         "allowJs": true,
+        "baseUrl": "src",
+        "paths": {
+            "@/*": [
+                "./*"
+            ]
+        }
     },
     "include": [
         "src/**/*.ts",