Vite migration

src/components/Chart.vue

@@ -8,7 +8,7 @@
 import { ref, watch, toRefs, nextTick } from 'vue'
 import Highcharts from 'highcharts'
 import 'highcharts/css/highcharts.scss'
-import Loader from '@/components/Loader'
+import Loader from '@/components/Loader.vue'
 import { capitalizeFirstLetter } from '@/utils/helpers'
 
 Highcharts.setOptions({

src/components/Main.vue

@@ -11,9 +11,9 @@
 <script>
 import { ref } from 'vue'
 import { useRouter } from 'vue-router'
-import NavBar from '@/components/NavBar'
-import TimeWindows from '@/components/TimeWindows'
-import Chart from '@/components/Chart'
+import NavBar from '@/components/NavBar.vue'
+import TimeWindows from '@/components/TimeWindows.vue'
+import Chart from '@/components/Chart.vue'
 export default {
   components: {
     NavBar,

src/main.js

@@ -1,5 +1,5 @@
 import { createApp } from 'vue'
-import App from '@/App'
+import App from '@/App.vue'
 import router from '@/router'
 import '@/style/style.scss'
 

src/router.js

@@ -1,8 +1,7 @@
 import { createRouter, createWebHistory } from 'vue-router'
-import Main from '@/components/Main'
+import Main from '@/components/Main.vue'
 export default createRouter({
-  history: createWebHistory(),
-  base: process.env.BASE_URL,
+  history: createWebHistory(import.meta.env.BASE_URL),
   routes: [
     {
       path: '/:type?/:window?',

src/style/_variables.scss

@@ -4,4 +4,4 @@ $tabs-link-active-border-bottom-color: #3498db;
 $family-sans-serif: 'Fira Sans', sans-serif;
 $gap: 32px !default;
 $navbar-breakpoint: 960px + (2 * $gap);
-@import "~bulma/sass/utilities/_all.sass";
+@import "bulma/sass/utilities/_all.sass";

src/style/style.scss

@@ -5,4 +5,4 @@ html, body {
     overflow: auto!important;
 }
 @import "./variables";
-@import "~bulma/bulma";
+@import "bulma/bulma";