feat: add eslint and format code

.gitattributes

@@ -1 +1 @@
-* text=auto eol=lf
+* text=auto eol=lf

.gitignore

@@ -2,4 +2,4 @@ node_modules/*
 node_modules
 
 cache
-dist
+dist

.npmignore

@@ -1,6 +1,8 @@
-.development
 .github
-scripts
+.prettierrc
+.prettierignore
+.gitattributes
+.gitignore
 CODE_OF_CONDUCT.md
 LEARN.md
-docs
+docs

.prettierignore

@@ -3,4 +3,3 @@ cache
 dist
 package.json
 pnpm-lock.yaml
-public

.prettierrc

@@ -1,3 +1,3 @@
 {
-  "endOfLine": "lf"
+  "endOfLine": "auto"
 }

CHANGELOG.md

@@ -31,13 +31,17 @@
 
 ### Development Changes
 
+- Add `ESLint` to the project for better code consistency
+
 - Migrate what's possible to the `src` folder
 
 - Make all components styles file begin with an underscore
 
 - Add variables for general styles
   - A huge styles cleanup
 
+- Minor changes to the formatter and the linter
+
 ## 2.0.2 (2024-06-05)
 
 ### Fix(es)

Layout.vue

@@ -27,20 +27,23 @@ const { site, frontmatter, page, theme } = useData();
     <div
       v-if="
         frontmatter.layout === 'article' &&
-        (!theme.minimal || frontmatter.layout !== 'article')
+          (!theme.minimal || frontmatter.layout !== 'article')
       "
     >
       <ArticleHead />
     </div>
     <NotFound v-if="page.isNotFound" />
-    <div v-else :class="frontmatter.pageClass">
+    <div
+      v-else
+      :class="frontmatter.pageClass"
+    >
       <Content />
     </div>
     <HelpfulLayout v-if="frontmatter.layout == 'helpful'" />
     <div
       v-if="
         frontmatter.layout === 'article' &&
-        (!theme.minimal || frontmatter.layout !== 'article')
+          (!theme.minimal || frontmatter.layout !== 'article')
       "
     >
       <ArticleFooter />

eslint.config.js

@@ -0,0 +1,15 @@
+import globals from "globals";
+import pluginJs from "@eslint/js";
+import pluginVue from "eslint-plugin-vue";
+
+export default [
+  { languageOptions: { globals: globals.browser } },
+  pluginJs.configs.recommended,
+  ...pluginVue.configs["flat/essential"],
+  ...pluginVue.configs["flat/recommended"],
+  ...pluginVue.configs["flat/strongly-recommended"],
+  {
+    files: ["*.vue", "*.ts"],
+    ignores: ["dist/**", "node_modules/**"],
+  },
+];

package.json

@@ -16,14 +16,19 @@
   "license": "MIT",
   "dependencies": {
     "@csstools/normalize.css": "^12.1.1",
+    "@eslint/js": "^9.4.0",
+    "eslint": "9.x",
+    "eslint-plugin-vue": "^9.26.0",
+    "globals": "^15.4.0",
     "inter-ui": "^4.0.2",
     "non.geist": "^1.0.3"
   },
   "scripts": {
     "docs:dev": "pnpm --filter=./docs dev",
     "docs:build": "pnpm --filter=./docs build",
     "docs:preview": "pnpm --filter=./docs preview",
-    "format": "prettier --write ."
+    "format": "prettier --write .",
+    "lint": "eslint . --fix"
   },
   "repository": {
     "type": "git",