refactor: lint files (#158)

oruga-ui · Mar 11, 2025 · 168b897 · 168b897
1 parent 0857d5a
commit 168b897
Show file tree

Hide file tree

Showing 43 changed files with 3,470 additions and 3,335 deletions.
diff --git a/.editorconfig b/.editorconfig
@@ -0,0 +1,33 @@
+# editorconfig.org
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+indent_style = space
+indent_size = 4
+
+[*.scss]
+indent_style = space
+indent_size = 4
+
+[*.vue]
+indent_style = space
+indent_size = 4
+
+[*.ts]
+indent_style = space
+indent_size = 4
+
+[*.js]
+indent_style = space
+indent_size = 4
+
+[*.md]
+trim_trailing_whitespace = false
diff --git a/eslint.config.mjs b/eslint.config.mjs
@@ -5,7 +5,17 @@ import prettierPlugin from "eslint-plugin-prettier/recommended";
 import typescriptConfig from "@vue/eslint-config-typescript";
 import prettierConfig from "@vue/eslint-config-prettier";
 
+import { includeIgnoreFile } from "@eslint/compat";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const gitignorePath = path.resolve(__dirname, ".gitignore");
+
 export default [
+  // include ignore .gitignore patterns
+  includeIgnoreFile(gitignorePath),
   // add more generic rulesets here
   ...vuePlugin.configs["flat/recommended"],
   ...typescriptConfig(),

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -37,6 +37,7 @@
     "bootstrap": "^5.3.3"
   },
   "devDependencies": {
+    "@eslint/compat": "^1.2.7",
     "@oruga-ui/examples": "0.9.3",
     "@oruga-ui/oruga-next": "0.9.3",
     "@types/node": "^22.13.5",
@@ -66,4 +67,4 @@
     "vue-router": "4.5.0",
     "vue-tsc": "2.2.4"
   }
-}
+}
diff --git a/src/App.vue b/src/App.vue
@@ -3,107 +3,107 @@ import components from "@/components";
 </script>
 
 <template>
-  <div id="app">
-    <aside id="nav">
-      <router-link to="/" class="py-4 ps-0 text-center">
-        <img
-          class="image__oruga"
-          src="https://raw.githubusercontent.com/oruga-ui/theme-bootstrap/master/public/logo.svg"
-          alt="Logo Oruga Theme Bootstrap" />
-        <b>Oruga Bootstrap Theme</b>
-      </router-link>
-
-      <hr />
-
-      <router-link
-        v-for="component in components"
-        :key="component"
-        :to="{ name: component }">
-        {{ component }}
-      </router-link>
-    </aside>
-
-    <main class="main">
-      <router-view />
-    </main>
-  </div>
+    <div id="app">
+        <aside id="nav">
+            <router-link to="/" class="py-4 ps-0 text-center">
+                <img
+                    class="image__oruga"
+                    src="https://raw.githubusercontent.com/oruga-ui/theme-bootstrap/master/public/logo.svg"
+                    alt="Logo Oruga Theme Bootstrap" />
+                <b>Oruga Bootstrap Theme</b>
+            </router-link>
+
+            <hr />
+
+            <router-link
+                v-for="component in components"
+                :key="component"
+                :to="{ name: component }">
+                {{ component }}
+            </router-link>
+        </aside>
+
+        <main class="main">
+            <router-view />
+        </main>
+    </div>
 </template>
 
 <style lang="scss">
 #app {
-  display: flex;
-  width: 100%;
-
-  main {
-    flex-grow: 1;
-    width: 100%;
-    height: 100vh;
-    padding: 2rem;
-    padding-bottom: 6rem;
-    padding-left: calc(var(--vp-sidebar-width) + 2rem);
-
-    > section {
-      padding: 1rem 0;
-
-      h3 {
-        font-size: 1.75rem;
-      }
-
-      .buttons > * {
-        margin-right: 0.5rem;
-        margin-bottom: 0.5rem;
-      }
-    }
-  }
-
-  #nav {
-    position: fixed;
-    left: 0;
     display: flex;
-    flex-direction: column;
-    height: 100vh;
-    min-width: var(--vp-sidebar-width);
-    padding: 20px;
-    padding-top: 0px;
-    overflow-y: scroll;
-    background-color: var(--vp-sidebar-bg-color);
-
-    .theme-label {
-      font-size: 1.25rem;
-      text-align: center;
-      padding: 1rem 0;
-    }
+    width: 100%;
 
-    hr {
-      width: 100%;
-      margin-top: 0;
+    main {
+        flex-grow: 1;
+        width: 100%;
+        height: 100vh;
+        padding: 2rem;
+        padding-bottom: 6rem;
+        padding-left: calc(var(--vp-sidebar-width) + 2rem);
+
+        > section {
+            padding: 1rem 0;
+
+            h3 {
+                font-size: 1.75rem;
+            }
+
+            .buttons > * {
+                margin-right: 0.5rem;
+                margin-bottom: 0.5rem;
+            }
+        }
     }
 
-    a {
-      font-weight: 500;
-      color: var(--vp-c-text-1);
-      text-decoration: none;
-      padding: 5px;
-      font-size: 1rem;
-
-      &.router-link-exact-active {
-        color: rgb(181, 122, 255);
-      }
+    #nav {
+        position: fixed;
+        left: 0;
+        display: flex;
+        flex-direction: column;
+        height: 100vh;
+        min-width: var(--vp-sidebar-width);
+        padding: 20px;
+        padding-top: 0px;
+        overflow-y: scroll;
+        background-color: var(--vp-sidebar-bg-color);
+
+        .theme-label {
+            font-size: 1.25rem;
+            text-align: center;
+            padding: 1rem 0;
+        }
+
+        hr {
+            width: 100%;
+            margin-top: 0;
+        }
+
+        a {
+            font-weight: 500;
+            color: var(--vp-c-text-1);
+            text-decoration: none;
+            padding: 5px;
+            font-size: 1rem;
+
+            &.router-link-exact-active {
+                color: rgb(181, 122, 255);
+            }
+        }
     }
-  }
 }
 
 .image__oruga {
-  height: 64px;
-  display: flex;
-  margin: 0 auto;
+    height: 64px;
+    display: flex;
+    margin: 0 auto;
 }
 
 @media (max-width: 576px) {
-  #app {
-    #nav {
-      display: none;
+    #app {
+        #nav {
+            display: none;
+        }
     }
-  }
 }
 </style>
diff --git a/src/assets/scss/components/_autocomplete.scss b/src/assets/scss/components/_autocomplete.scss
@@ -3,12 +3,12 @@ $autocomplete-menu-max-height: 200px !default;
 /* @docs */
 
 .autocomplete {
-  --#{$prefix}autocomplete-menu-max-height: #{$autocomplete-menu-max-height};
-  display: inline-block;
+    --#{$prefix}autocomplete-menu-max-height: #{$autocomplete-menu-max-height};
+    display: inline-block;
 
-  .dropdown-menu {
-    max-height: var(--#{$prefix}autocomplete-menu-max-height);
-    overflow: auto;
-    width: 100%;
-  }
+    .dropdown-menu {
+        max-height: var(--#{$prefix}autocomplete-menu-max-height);
+        overflow: auto;
+        width: 100%;
+    }
 }