style: disable no-console and no-undef rules in eslint

This commit disables the 'no-console' and 'no-undef' ESLint rules to allow
for more permissive logging and development practices. The change is reflected
in the newly introduced eslint.config.mjs file.

Author: OSpoon

.eslintrc.cjs

@@ -5,7 +5,7 @@
 
 version: 2
 updates:
-  - package-ecosystem: "npm" # See documentation for possible values
-    directory: "/" # Location of package manifests
+  - package-ecosystem: npm # See documentation for possible values
+    directory: / # Location of package manifests
     schedule:
-      interval: "weekly"
+      interval: weekly

.github/dependabot.yml

@@ -0,0 +1,5 @@
+{
+  "recommendations": [
+    "dbaeumer.vscode-eslint"
+  ]
+}

.vscode/extensions.json

@@ -1,17 +1,76 @@
 {
+  // Disable the default formatter, use eslint instead
+  "prettier.enable": false,
+  "editor.formatOnSave": false,
+  // Auto fix
   "editor.codeActionsOnSave": {
-    "source.fixAll.eslint": "explicit"
+    "source.fixAll.eslint": "explicit",
+    "source.organizeImports": "never"
   },
-  // 配置 Tab 空格数
-  "editor.tabSize": 2,
-  // 保存自动格式化代码
-  "editor.formatOnSave": true,
-  "eslint.options": {
-    "configFile": "./.eslintrc.cjs",
-    "rules": {
-      "no-restricted-syntax": "off",
-      "guard-for-in": "off"
+  // Silent the stylistic rules in you IDE, but still auto fix them
+  "eslint.rules.customizations": [
+    {
+      "rule": "style/*",
+      "severity": "off"
+    },
+    {
+      "rule": "format/*",
+      "severity": "off"
+    },
+    {
+      "rule": "*-indent",
+      "severity": "off"
+    },
+    {
+      "rule": "*-spacing",
+      "severity": "off"
+    },
+    {
+      "rule": "*-spaces",
+      "severity": "off"
+    },
+    {
+      "rule": "*-order",
+      "severity": "off"
+    },
+    {
+      "rule": "*-dangle",
+      "severity": "off"
+    },
+    {
+      "rule": "*-newline",
+      "severity": "off"
+    },
+    {
+      "rule": "*quotes",
+      "severity": "off"
+    },
+    {
+      "rule": "*semi",
+      "severity": "off"
     }
-  },
-  "eslint.validate": ["javascript", "html", "typescript"]
+  ],
+  // Enable eslint for all supported languages
+  "eslint.validate": [
+    "javascript",
+    "javascriptreact",
+    "typescript",
+    "typescriptreact",
+    "vue",
+    "html",
+    "markdown",
+    "json",
+    "jsonc",
+    "yaml",
+    "toml",
+    "xml",
+    "gql",
+    "graphql",
+    "astro",
+    "css",
+    "less",
+    "scss",
+    "pcss",
+    "postcss"
+  ]
 }

.vscode/settings.json

@@ -73,4 +73,4 @@ Adjust the component path to the packaged output path
   <my-component text="Made for cross-technology stack purposes!"></my-component>
 </body>
 ```
-For detailed documentation, please visit: https://quark-ecosystem.github.io/quarkc-docs/#/en-US/docs/publishing
+For detailed documentation, please visit: https://quark-ecosystem.github.io/quarkc-docs/#/en-US/docs/publishing

README.es-US.md

@@ -1,27 +1,27 @@
-import { expect, fixture } from "@open-wc/testing";
-import "../../../dist/MyComponent/index";
+import { expect, fixture } from '@open-wc/testing'
+import '../../../dist/MyComponent/index'
 
 const data = {
-  text: "HelloWorld",
+  text: 'HelloWorld',
   count: 1,
-};
+}
 
-let el;
+let el
 
-describe("<my-component />", async () => {
-  it("property text exist", async () => {
-    el = await fixture(`<my-component text=${data.text}></my-component`);
-    expect(el.text).to.equal(data.text);
-  });
+describe('<my-component />', async () => {
+  it('property text exist', async () => {
+    el = await fixture(`<my-component text=${data.text}></my-component`)
+    expect(el.text).to.equal(data.text)
+  })
 
-  it("property count exist", async () => {
-    el = await fixture(`<my-component count=${data.count}></my-component`);
-    expect(el.count).to.equal(data.count);
-  });
+  it('property count exist', async () => {
+    el = await fixture(`<my-component count=${data.count}></my-component`)
+    expect(el.count).to.equal(data.count)
+  })
 
-  it("property count changed", async () => {
-    el = await fixture(`<my-component count=${data.count}></my-component`);
-    el.add();
-    expect(el.count).to.equal(data.count + 1);
-  });
-});
+  it('property count changed', async () => {
+    el = await fixture(`<my-component count=${data.count}></my-component`)
+    el.add()
+    expect(el.count).to.equal(data.count + 1)
+  })
+})

components/MyComponent/__tests__/index.test.js

@@ -1,25 +1,25 @@
-import { QuarkElement, property, customElement } from "quarkc";
-import style from "./index.less?inline";
+import { QuarkElement, customElement, property } from 'quarkc'
+import style from './index.less?inline'
 
 @customElement({
-  tag: "my-component",
+  tag: 'my-component',
   style,
 })
 class MyComponent extends QuarkElement {
   @property({ type: Number }) // 外部属性
-  count = 0;
+    count = 0
 
   @property({ type: String })
-  text = "";
+  text = ''
 
   add = () => {
     // 内部事件
-    this.count += 1;
-  };
+    this.count += 1
+  }
 
   componentDidMount() {
     // 生命周期
-    console.log("dom loaded!");
+    console.log('dom loaded!')
     // ...
   }
 
@@ -29,25 +29,31 @@ class MyComponent extends QuarkElement {
         <div>
           <a href="https://quarkc.hellobike.com" target="_blank">
             <img
-              src="https://quark-design.hellobike.com/assets/quark-logo.f9a6a307.png"
+              src="https://github.com/hellof2e/static/blob/main/quark-logo.png?raw=true"
               class="logo"
               alt="quark logo"
             />
           </a>
         </div>
 
-        <h1>Quark - {this.text}</h1>
+        <h1>
+          Quark -
+          {this.text}
+        </h1>
 
         <div className="card">
-          <button onClick={this.add}>count is: {this.count}</button>
+          <button onClick={this.add}>
+            count is:
+            {this.count}
+          </button>
         </div>
       </>
-    );
+    )
   }
 }
 
 declare global {
   interface HTMLElementTagNameMap {
-    "my-component": MyComponent;
+    'my-component': MyComponent
   }
 }

components/MyComponent/index.tsx

@@ -1 +1 @@
-/// <reference types="vite/client" />
+/// <reference types="vite/client" />

components/MyComponent/vite-env.d.ts

@@ -0,0 +1,9 @@
+import antfu from '@antfu/eslint-config'
+
+export default antfu({
+  rules: {
+    'no-console': 'off',
+    'antfu/no-import-dist': 'off',
+    'no-undef': 'off',
+  },
+})