section improvements; hotfixes

src/store.ts

@@ -1,5 +1,5 @@
-import { IStockData, IStore } from "./types";
-import { defineStore } from "pinia";
+import { IStockData, IStore } from './types';
+import { defineStore } from 'pinia';
 import {
   acceptableMass,
   carDataList,
@@ -9,11 +9,11 @@ import {
   maxStockSpeed,
   totalLength,
   totalMass,
-} from "./utils/vehicleUtils";
-import http from "./http";
+} from './utils/vehicleUtils';
+import http from './http';
 
 export const useStore = defineStore({
-  id: "store",
+  id: 'store',
   state: () =>
     ({
       chosenCar: null,
@@ -26,8 +26,8 @@ export const useStore = defineStore({
       showSupporter: false,
       imageLoading: false,
 
-      chosenLocoPower: "loco-e",
-      chosenCarUseType: "car-passenger",
+      chosenLocoPower: 'loco-e',
+      chosenCarUseType: 'car-passenger',
 
       stockList: [],
       cargoOptions: [],
@@ -39,20 +39,22 @@ export const useStore = defineStore({
       chosenStockListIndex: -1,
       chosenRealStockName: undefined,
 
-      vehiclePreviewSrc: "",
+      vehiclePreviewSrc: '',
 
-      stockSectionMode: "stock-list",
+      stockSectionMode: 'stock-list',
 
       isRandomizerCardOpen: false,
       isRealStockListCardOpen: false,
 
       stockData: undefined,
+
+      lastFocusedElement: null,
     }) as IStore,
 
   getters: {
     locoDataList: (state) => locoDataList(state),
     carDataList: (state) => carDataList(state),
-    vehicleDataList: (state) => ([...locoDataList(state), ...carDataList(state)]),
+    vehicleDataList: (state) => [...locoDataList(state), ...carDataList(state)],
     totalMass: (state) => totalMass(state),
     totalLength: (state) => totalLength(state),
     maxStockSpeed: (state) => maxStockSpeed(state),
@@ -63,21 +65,20 @@ export const useStore = defineStore({
 
   actions: {
     async fetchStockInfoData() {
-      const stockData = (await http.get<IStockData>("td2/data/stockInfo.json"))
-        .data;
+      const stockData = (await http.get<IStockData>('td2/data/stockInfo.json')).data;
       this.stockData = stockData;
     },
 
     handleRouting() {
       switch (window.location.pathname) {
-        case "/numgnr":
-          this.stockSectionMode = "number-generator";
+        case '/numgnr':
+          this.stockSectionMode = 'number-generator';
           break;
-        case "/stockgnr":
-          this.stockSectionMode = "stock-generator";
+        case '/stockgnr':
+          this.stockSectionMode = 'stock-generator';
           break;
-        case "/vehicles":
-          this.stockSectionMode = "wiki-list";
+        case '/vehicles':
+          this.stockSectionMode = 'wiki-list';
           break;
         default:
           break;