Issue/#57 nuxt to vue migration

.docker/Dockerfile

@@ -19,7 +19,7 @@ RUN sed -i "s/\"version\": \".*\"/\"version\": \"${APP_VERSION}\"/" package.json
 RUN sed -i "s/\"version\": \".*\"/\"version\": \"${APP_VERSION}\"/" src/static/manifest.json
 
 RUN yarn install --ignore-scripts
-RUN yarn generate
+RUN yarn build
 RUN rm -rf node_modules
 
 LABEL org.opencontainers.image.source=$REPOSITORY

.eslintrc.json

@@ -1,33 +1,23 @@
 {
   "extends": [
-    "airbnb/base",
-    "airbnb-typescript/base",
+    "prettier",
+    "plugin:vue/vue3-essential",
     "plugin:vue/vue3-recommended",
-    "@nuxtjs/eslint-config-typescript",
     "eslint:recommended",
-    "plugin:@typescript-eslint/recommended",
-    "plugin:@typescript-eslint/eslint-recommended",
-    "prettier",
-    "plugin:nuxt/recommended",
-    "plugin:@conarti/feature-sliced/recommended",
-    "plugin:storybook/recommended"
+    "@vue/eslint-config-typescript",
+    "plugin:storybook/recommended",
+    "plugin:@conarti/feature-sliced/recommended"
   ],
-  "parser": "vue-eslint-parser",
-  "plugins": ["@typescript-eslint"],
-  "root": true,
   "ignorePatterns": [
+    "dist/",
     "package.json",
     "postcss.config.js",
     "tailwind.config.js",
-    "src/shared/lib/vendor/"
+    "src/shared/lib/vendor/",
+    "index.html"
   ],
   "parserOptions": {
-    "project": "./tsconfig.json",
-    "extraFileExtensions": [".vue"],
-    "parser": {
-      "ts": "@typescript-eslint/parser",
-      "<template>": "espree"
-    }
+    "ecmaVersion": "latest"
   },
   "rules": {
     "import/prefer-default-export": "off",
@@ -55,6 +45,18 @@
         "ts": "never",
         "tsx": "never"
       }
+    ],
+    "@typescript-eslint/no-unused-vars": [
+      "error",
+      {
+        "args": "all",
+        "argsIgnorePattern": "^_",
+        "caughtErrors": "all",
+        "caughtErrorsIgnorePattern": "^_",
+        "destructuredArrayIgnorePattern": "^_",
+        "varsIgnorePattern": "^_",
+        "ignoreRestSiblings": true
+      }
     ]
   }
 }

.prettierignore

@@ -1,6 +1,5 @@
 # Ignore artifacts:
-.nuxt
-.output
+dist
 node-modules
 package-lock.json
 storybook-static

.prettierrc.json

@@ -0,0 +1,8 @@
+{
+  "$schema": "https://json.schemastore.org/prettierrc",
+  "semi": false,
+  "tabWidth": 2,
+  "singleQuote": true,
+  "printWidth": 100,
+  "trailingComma": "none"
+}

.storybook/main.ts

@@ -1,16 +1,12 @@
 import fs from "node:fs";
 import path from 'node:path';
-import vue from '@vitejs/plugin-vue'
 import {fileURLToPath} from "url";
 
 //storybook-tailwind-dark-mode
 const config = {
   stories: [
     "../stories/**/*.stories.mdx",
     "../stories/**/*.stories.@(js|jsx|ts|tsx)",
-    "../components/**/*.stories.@(js|jsx|ts|tsx)",
-    "../layouts/**/*.stories.@(js|jsx|ts|tsx)",
-    "../pages/**/*.stories.@(js|jsx|ts|tsx)",
     "../src/**/**/**/*.stories.@(js|jsx|ts|tsx)",
   ],
 
@@ -22,7 +18,14 @@ const config = {
 
   framework: {
     name: "@storybook/vue3-vite",
-    options: {}
+    options: {
+    }
+  },
+
+  core: {
+    builder: {
+      name: '@storybook/builder-vite',
+    },
   },
 
   env: (config) => {
@@ -45,14 +48,10 @@ const config = {
   viteFinal: async (config) => {
     config.resolve.alias = {
       ...config.resolve.alias,
-      '~/src': fileURLToPath(new URL('../src', import.meta.url)),
+      '@/src': fileURLToPath(new URL('../src', import.meta.url)),
     }
 
-    const { mergeConfig } = await import('vite');
-
-    return mergeConfig(config, {
-      plugins: [vue()],
-    });
+    return config;
   }
 };
 

.storybook/preview.ts

@@ -1,11 +1,11 @@
 import {createPinia} from 'pinia';
 import { setup } from '@storybook/vue3';
 import "../src/assets/index.css";
-import "../src/assets/vendor";
+import "../src/assets/vendor.css";
 import "./stories.css"
-import SfdumpWrap from "../src/shared/lib/vendor/dumper";
 import 'tailwindcss/tailwind.css'
 import type { Preview } from '@storybook/vue3'
+import {createAppRouter} from "../src/app/router";
 
 const preview: Preview = {
   decorators: [
@@ -62,16 +62,11 @@ const preview: Preview = {
 
 
 const pinia = createPinia();
+const router = createAppRouter();
 
 setup((app) => {
   app.use(pinia)
+  app.use(router)
 })
 
-declare global {
-  interface Window {
-    Sfdump: (id: string) => void;
-  }
-}
-window.Sfdump = SfdumpWrap(window.document)
-
 export default preview;

cypress.config.ts

@@ -0,0 +1,8 @@
+import { defineConfig } from 'cypress'
+
+export default defineConfig({
+  e2e: {
+    specPattern: 'cypress/e2e/**/*.{cy,spec}.{js,jsx,ts,tsx}',
+    baseUrl: 'http://localhost:4173'
+  }
+})

env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

index.html

@@ -0,0 +1,16 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/x-icon" href="/src/assets/static/favicon.ico" />
+    <link rel="manifest" href="/src/assets/static/manifest.json" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="format-detection" content="telephone=no" />
+    <meta name="description" hid="description" content="" />
+    <title>Buggregator</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>