Fix linting errors.

Author: smack0007

.eslintrc.cjs

@@ -1,15 +1,20 @@
+require("@rushstack/eslint-patch/modern-module-resolution");
+
 /* eslint-env node */
 module.exports = {
   root: true,
-  parser: "@typescript-eslint/parser",
-  plugins: ["import", "@typescript-eslint", "prettier"],
+  parser: "vue-eslint-parser",
+  plugins: ["import", "prettier"],
   extends: [
+    "prettier",
     "eslint:recommended",
+    "plugin:@typescript-eslint/eslint-recommended",
     "plugin:import/recommended",
     "plugin:import/typescript",
-    "plugin:@typescript-eslint/eslint-recommended",
-    "plugin:@typescript-eslint/recommended",
-    "prettier",
+    "plugin:vue/vue3-essential",
+    // "plugin:@typescript-eslint/recommended",
+    "@vue/eslint-config-prettier",
+    "@vue/eslint-config-typescript",
   ],
   parserOptions: {
     ecmaVersion: "latest",
@@ -44,9 +49,9 @@ module.exports = {
       },
     ],
   },
-  overrides: [
-    {
-      files: ["**/*.{ts,vue}"],
-    },
-  ],
+  // overrides: [
+  //   {
+  //     files: ["**/*.{ts,vue}"],
+  //   },
+  // ],
 };

apps/frontend/core/.eslintrc.cjs

@@ -3,10 +3,4 @@ import { routes } from "./routes";
 import HotelList from "./components/HotelList.vue";
 import { useHotelsStore } from "./stores/hotels.js";
 
-export {
-  routes,
-  HotelList,
-  useHotelsStore
-};
-
-
+export { routes, HotelList, useHotelsStore };

apps/frontend/core/src/main.ts

@@ -1,6 +1,6 @@
 import { defineStore } from "pinia";
 
-export const useHotelsStore = defineStore('hotels', () => {
+export const useHotelsStore = defineStore("hotels", () => {
   const fetchHotels = async () => {
     return await (await fetch("http://localhost:3000/hotels")).json();
   };

apps/frontend/core/src/stores/hotels.ts

@@ -1,6 +1,4 @@
 import "./assets/main.scss";
 import { routes } from "./routes";
 
-export {
-  routes,
-};
+export { routes };

apps/frontend/luggage/.eslintrc.cjs

@@ -1,5 +1,4 @@
-<script setup lang="ts">
-</script>
+<script setup lang="ts"></script>
 
 <template>
   <h1>Luggage</h1>

apps/frontend/luggage/src/main.ts

@@ -1,6 +1,4 @@
 import "./assets/main.scss";
 import { routes } from "./routes";
 
-export {
-  routes,
-};
+export { routes };

apps/frontend/luggage/src/pages/LuggagePage.vue

@@ -1,10 +1,10 @@
 import type { Hotel } from "hotel-management-shared";
 import { defineStore } from "pinia";
 
-export const useRoomsStore = defineStore('rooms', () => {
+export const useRoomsStore = defineStore("rooms", () => {
   const fetchRoomsForHotel = async (hotelId: Hotel["id"]) => {
     return await (await fetch(`http://localhost:3000/rooms/${hotelId}`)).json();
   };
 
   return { fetchRoomsForHotel };
-});
+});

apps/frontend/rooms/.eslintrc.cjs

@@ -19,9 +19,7 @@ import { RouterLink, RouterView } from "vue-router";
       <RouterView />
 
       <template #fallback>
-        <div aria-busy="true">
-          Loading...
-        </div>
+        <div aria-busy="true">Loading...</div>
       </template>
     </Suspense>
   </main>

apps/frontend/rooms/src/main.ts

@@ -3,7 +3,8 @@
   "compilerOptions": {
     "module": "node16",
     "rootDir": "./src",
-    "outDir": "./dist"
+    "outDir": "./dist",
+    "declaration": true,    
   },
   "include": ["src/**/*"]
 }

apps/frontend/rooms/src/stores/rooms.ts

@@ -5,6 +5,7 @@
     "esModuleInterop": true,
     "target": "ES2020",
     "module": "ES2020",
-    "moduleResolution": "node"
+    "moduleResolution": "node",
+    "declaration": true
   }
 }