scss active color fix + dependency updates

package.json

@@ -17,8 +17,8 @@
     "highcharts": "^10.3.2",
     "mongodb": "^4.13.0",
     "sass": "^1.57.0",
-    "vue": "^3.2.45",
+    "vue": "^3.3.4",
-    "vue-router": "^4.1.6"
+    "vue-router": "^4.2.2"
   },
   "devDependencies": {
     "@rushstack/eslint-patch": "^1.2.0",
@@ -26,13 +26,13 @@
     "@vitejs/plugin-vue": "^4.0.0",
     "@vue/eslint-config-prettier": "^7.0.0",
     "@vue/eslint-config-typescript": "^11.0.2",
-    "@vue/tsconfig": "^0.1.3",
+    "@vue/tsconfig": "^0.4.0",
     "eslint": "^8.30.0",
     "eslint-plugin-vue": "^9.2.0",
     "npm-run-all": "^4.1.5",
     "prettier": "^2.7.1",
-    "typescript": "^4.9.4",
+    "typescript": "^5.1.6",
-    "vite": "^4.0.2",
+    "vite": "^4.3.9",
-    "vue-tsc": "^1.0.14"
+    "vue-tsc": "^1.8.3"
   }
 }

src/components/TimeWindows.vue

@@ -13,7 +13,6 @@
   </div>
 </template>
 <script setup lang="ts">
-import { defineProps, defineEmits } from 'vue'
 import type { Window } from '@/utils/types'
 
 const props = defineProps<{

src/style/_variables.scss

@@ -1,6 +1,5 @@
 $primary: #2ecc71;
-$tabs-link-active-color: #3498db;
+$link: #3498db;
-$tabs-link-active-border-bottom-color: #3498db;	
 $family-sans-serif: 'Fira Sans', sans-serif;
 $gap: 32px !default;
 $navbar-breakpoint: 960px + (2 * $gap);

tsconfig.json

@@ -1,5 +1,5 @@
 {
-  "extends": "@vue/tsconfig/tsconfig.web.json",
+  "extends": "@vue/tsconfig/tsconfig.json",
   "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
   "compilerOptions": {
     "baseUrl": ".",