refactor: add linting fixes

.eslintrc

@@ -0,0 +1,20 @@
+{
+  "root": true,
+  "plugins": [
+    "@typescript-eslint"
+  ],
+  "extends": [
+    "eslint:recommended",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:vue/vue3-recommended"
+  ],
+  "parser": "vue-eslint-parser",
+  "parserOptions": {
+    "parser": "@typescript-eslint/parser"
+  },
+  "rules": {
+    "no-undef": "off",
+    "vue/multi-word-component-names": "off",
+    "vue/no-v-html": "off"
+  }
+}

.stylelintrc

@@ -0,0 +1,20 @@
+{
+  "extends": ["stylelint-config-standard"],
+  "overrides": [
+    {
+      "files": ["*.scss", "**/*.scss"],
+      "extends": ["stylelint-config-standard-scss"]
+    },
+    {
+      "files": ["*.vue", "**/*.vue"],
+      "extends": [
+        "stylelint-config-standard-scss",
+        "stylelint-config-standard-vue/scss"
+      ]
+    }
+  ],
+  "rules": {
+    "at-rule-no-unknown": null,
+    "no-descending-specificity": null
+  }
+}

cypress.config.cjs

@@ -4,6 +4,7 @@ module.exports = defineConfig({
   viewportWidth: 1400,
   viewportHeight: 800,
   experimentalSourceRewriting: true,
+  chromeWebSecurity: false,
   screenshotsFolder: 'tests/cypress/screenshots',
   downloadsFolder: 'tests/cypress/downloads',
   fixturesFolder: 'tests/cypress/fixtures',

examples/gfl-local.html

@@ -21,9 +21,7 @@
 <noscript><strong>We're sorry but TIDO doesn't work properly without JavaScript enabled. Please enable it to
   continue.</strong></noscript>
 <div id="app"></div>
-<div id="config-menu"></div>
 <script src="dist/tido.js"></script>
-<script src="config-menu/config-menu.js"></script>
 <script>
   window.addEventListener('load', function () {
     window.tido = new window.Tido({

examples/style.css

@@ -10,6 +10,7 @@ html * {
 #app {
   height: calc(100vh - 61px);
 }
+
 header {
   height: 60px;
   display: flex;
@@ -38,7 +39,6 @@ header form {
 
 header .input-container {
   flex: 1;
-  display: flex;
   margin-right: 48px;
   position: relative;
   display: flex;
@@ -51,7 +51,7 @@ header .input-container:has(#url-input:focus-visible),
 header select:focus-visible,
 header .input-container button:focus-visible,
 .home:focus-visible {
-  outline: 2px solid rgb(56, 189, 248, 0.5);
+  outline: 2px solid rgb(56 189 248 / 50%);
 }
 
 header #url-input {
@@ -110,6 +110,7 @@ header > span {
   background: #eee;
   padding: 24px;
 }
+
 .empty-container h1 {
   font-size: 32px;
   font-weight: bold;