Merge pull request #70 from buggregator/issue/#58-implement-fsd-folder-sctructure

Issue/#58 implement fsd folder sctructure

Author: butschster

.eslintrc renamed to .eslintrc.json

@@ -8,12 +8,19 @@
     "plugin:@typescript-eslint/recommended",
     "plugin:@typescript-eslint/eslint-recommended",
     "prettier",
-    "plugin:nuxt/recommended"
+    "plugin:nuxt/recommended",
+    "plugin:@conarti/feature-sliced/recommended"
   ],
   "parser": "vue-eslint-parser",
   "plugins": ["@typescript-eslint"],
   "root": true,
-  "ignorePatterns": ["package.json", "postcss.config.js","tailwind.config.js", "vendor/"],
+  "ignorePatterns": [
+    "package.json",
+    "postcss.config.js",
+    "tailwind.config.js",
+    "src/shared/lib/vendor/",
+    "src/.eslintrc.json"
+  ],
   "parserOptions": {
     "project": "./tsconfig.json",
     "extraFileExtensions": [".vue"],
@@ -24,10 +31,14 @@
   },
   "rules": {
     "import/prefer-default-export": "off",
-    "no-console": ["error", { "allow": ["info","warn", "error"] }],
-    "vue/component-name-in-template-casing": ["error", "PascalCase", {
-      "registeredComponentsOnly": true,
-      "ignores": []
-    }]
+    "no-console": ["error", { "allow": ["info", "warn", "error"] }],
+    "vue/component-name-in-template-casing": [
+      "error",
+      "PascalCase",
+      {
+        "registeredComponentsOnly": true,
+        "ignores": []
+      }
+    ]
   }
 }

.storybook/main.ts

@@ -10,6 +10,7 @@ module.exports = {
     "../components/**/*.stories.@(js|jsx|ts|tsx)",
     "../layouts/**/*.stories.@(js|jsx|ts|tsx)",
     "../pages/**/*.stories.@(js|jsx|ts|tsx)",
+    "../src/**/**/**/*.stories.@(js|jsx|ts|tsx)",
   ],
   addons: [
     "@storybook/addon-links",
@@ -67,7 +68,7 @@ module.exports = {
     };
   },
   env: (config) => {
-    const iconComponentFolder = path.resolve(__dirname, '../components/IconSvg');
+    const iconComponentFolder = path.resolve(__dirname, '../src/shared/ui/icon-svg/icon-svg-originals');
     const allIconNamesList = !fs.existsSync(iconComponentFolder)
       ? []
       : fs

.storybook/preview.ts

@@ -3,7 +3,7 @@ import {addParameters, app} from '@storybook/vue3';
 import "../assets/index.css";
 import "../assets/index";
 import "./stories.css"
-import SfdumpWrap from "../vendor/dumper";
+import SfdumpWrap from "~/src/shared/lib/vendor/dumper";
 
 addParameters({
   actions: {argTypesRegex: "^on[A-Z].*"},

README.md

@@ -8,13 +8,14 @@
 
 Welcome to the official repository for the Buggregator Frontend Single Page Application (SPA), a crucial component of the Buggregator. This repository focuses exclusively on the frontend aspect of Buggregator, developed using Nuxt.js framework and enriched with Storybook for an enhanced component-driven development experience.
 
-
 ## Overview
-Buggregator is a comprehensive, lightweight server designed for debugging applications written on PHP, JS, etc. This repository is tailored to work seamlessly with the Buggregator server, providing a user-friendly interface and interactive features that make debugging more efficient and less cumbersome.
 
+Buggregator is a comprehensive, lightweight server designed for debugging applications written on PHP, JS, etc. This repository is tailored to work seamlessly with the Buggregator server, providing a user-friendly interface and interactive features that make debugging more efficient and less cumbersome.
 
 ## Contribution
+
 Contributions to the Buggregator Frontend SPA are always welcome. Whether it's fixing bugs, improving documentation, or suggesting new features, your input is valuable. Please read our contribution guidelines before submitting your pull request.
 
 ## Support
+
 If you encounter any issues or have questions, feel free to open an issue in this repository. For more detailed discussions or support, join our community on [Discord](https://discord.gg/FTpBM7xU).

assets/vue3-tabs-component.scss

@@ -25,7 +25,3 @@
 .tabs-component-panel {
 
 }
-
-.preview-tab-badge {
-  @apply bg-red-800 ml-2 text-2xs px-2 py-1 rounded text-white uppercase;
-}