fix build

.github/workflows/ci-cd.yml

@@ -24,12 +24,12 @@ jobs:
       - name: Lint
         run: yarn lint
 
-      - name: Build
-        run: yarn build
-
       - name: Test
         run: yarn test
 
+      - name: Build
+        run: yarn build
+
     # Add a deployment step here if needed
     # - name: Deploy
     #   if: github.ref == 'refs/heads/main'

.gitignore

@@ -7,6 +7,7 @@ yarn-error.log*
 pnpm-debug.log*
 lerna-debug.log*
 
+.eslintcache
 node_modules
 dist
 dist-ssr

package.json

@@ -28,13 +28,13 @@
     "tailwind-merge": "^2.4.0",
     "tailwindcss-animate": "^1.0.7",
     "vee-validate": "^4.13.2",
-    "vite-plugin-eslint": "^1.8.1",
     "vue": "^3.4.31",
     "vue-router": "4",
     "zod": "^3.23.8"
   },
   "devDependencies": {
     "@faker-js/faker": "^8.4.1",
+    "@nabla/vite-plugin-eslint": "^2.0.4",
     "@pinia/testing": "^0.1.5",
     "@testing-library/jest-dom": "^6.4.8",
     "@testing-library/user-event": "^14.5.2",

src/Pages/SearchView.vue

@@ -124,6 +124,7 @@
   import { Columns2, LoaderCircle } from "lucide-vue-next";
   import { h, ref, watch } from "vue";
   import { useRouter } from "vue-router";
+  import { vAutoAnimate } from "@formkit/auto-animate/vue";
 
   const router = useRouter();
   const searchStore = useSearchStore();

src/components/tests/HotelsFilter.test.ts

@@ -1,5 +1,5 @@
 import { describe, it, expect } from "vitest";
-import { getByTestId, render, RenderOptions } from "@testing-library/vue";
+import { render, RenderOptions } from "@testing-library/vue";
 import userEvent from "@testing-library/user-event";
 import HotelsFilter from "../HotelsFilter.vue";
 import "@testing-library/jest-dom";
@@ -29,7 +29,7 @@ describe("HotelsFilter", () => {
   });
 
   it("emite eventos corretos ao clicar nas opções de filtro", async () => {
-    const { user, emitted, getByTestId, debug } = setupComponent(HotelsFilter);
+    const { user, emitted, getByTestId } = setupComponent(HotelsFilter);
     await user.click(getByTestId("popover-trigger-button"));
     const priceOrder = getByTestId("price-order-desc");
     const ratingOrder = getByTestId("rating-order-asc");

src/components/tests/LocationSelector.test.ts

@@ -4,7 +4,6 @@ import userEvent from "@testing-library/user-event";
 import LocationSelector from "../LocationSelector.vue";
 import { beforeEach } from "node:test";
 import "@testing-library/jest-dom";
-import { json } from "stream/consumers";
 
 global.fetch = vi.fn();
 

src/main.ts

@@ -3,8 +3,7 @@ import "./assets/index.css";
 import App from "./App.vue";
 import router from "./router/index";
 import { createPinia } from "pinia";
-import { autoAnimatePlugin } from "@formkit/auto-animate/vue";
-import { makeServer } from "./server";
+import { makeServer } from "./server.ts";
 
 if (process.env.NODE_ENV === "development") {
   makeServer();
@@ -15,6 +14,5 @@ const app = createApp(App);
 
 app.use(pinia);
 app.use(router);
-app.use(autoAnimatePlugin);
 
 app.mount("#app");

src/server.js → src/server.ts

@@ -1,4 +1,6 @@
-import { createServer, Factory, Model, Response } from "miragejs";
+// eslint-disable-next-line
+//@ts-nocheck
+import { createServer, Model, Response } from "miragejs";
 import { generateHotels } from "./lib/utils";
 
 const hotels = generateHotels(200);

vite.config.ts

@@ -5,15 +5,15 @@ import vue from "@vitejs/plugin-vue";
 import tailwind from "tailwindcss";
 import autoprefixer from "autoprefixer";
 import Inspector from "vite-plugin-vue-inspector";
-import eslint from "vite-plugin-eslint";
+import eslintPlugin from "@nabla/vite-plugin-eslint";
 
 export default defineConfig({
   css: {
     postcss: {
       plugins: [tailwind(), autoprefixer()],
     },
   },
-  plugins: [vue(), Inspector(), eslint()],
+  plugins: [vue(), Inspector(), eslintPlugin()],
   resolve: {
     alias: {
       "@": path.resolve(__dirname, "./src"),