refactor: lint files (#92)

oruga-ui · Mar 11, 2025 · d37fe1d · d37fe1d
1 parent f55f82a
commit d37fe1d
Show file tree

Hide file tree

Showing 45 changed files with 4,828 additions and 4,437 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
@@ -6,7 +6,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"],
   // ...vueA11yPlugin.configs["flat/recommended"],

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -33,6 +33,7 @@
     "@oruga-ui/oruga-next": "^0.9.0"
   },
   "devDependencies": {
+    "@eslint/compat": "^1.2.7",
     "@oruga-ui/examples": "0.9.3",
     "@oruga-ui/oruga-next": "0.9.3",
     "@vitejs/plugin-vue": "5.2.1",

diff --git a/src/App.vue b/src/App.vue
@@ -3,109 +3,109 @@ import components from "@/components";
 </script>
 
 <template>
-  <div id="app">
-    <aside id="nav">
-      <router-link to="/" class="theme-label">
-        <img
-          class="image__oruga"
-          src="https://oruga-ui.com/logo.png"
-          alt="Logo Oruga Default Theme" />
-        <b>Oruga Default 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="theme-label">
+                <img
+                    class="image__oruga"
+                    src="https://oruga-ui.com/logo.png"
+                    alt="Logo Oruga Default Theme" />
+                <b>Oruga Default 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">
 @import "./assets/scss/utils/variables";
 
 #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 {
-      margin: 1rem 0;
-
-      h3 {
-        font-size: 1.75rem;
-      }
-
-      .buttons > *:not(:last-child) {
-        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 {
+            margin: 1rem 0;
+
+            h3 {
+                font-size: 1.75rem;
+            }
+
+            .buttons > *:not(:last-child) {
+                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: var(--vp-c-brand-1);
-      }
+    #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: var(--vp-c-brand-1);
+            }
+        }
     }
-  }
 }
 
 .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,21 +3,21 @@ $autocomplete-item-hover-background-color: #f5f5f5 !default;
 /* @docs */
 
 .o-acp {
-  &__item {
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
+    &__item {
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
 
-    &-group-title,
-    &--empty {
-      @extend .o-drop--disabled;
-    }
+        &-group-title,
+        &--empty {
+            @extend .o-drop--disabled;
+        }
 
-    &--hover {
-      background-color: var(
-        --#{$prefix}autocomplete-item-hover-background-color,
-        $autocomplete-item-hover-background-color
-      );
+        &--hover {
+            background-color: var(
+                --#{$prefix}autocomplete-item-hover-background-color,
+                $autocomplete-item-hover-background-color
+            );
+        }
     }
-  }
 }