workflow: replace Rome with ESLint

Author: cloydlau

.eslintrc.json

@@ -0,0 +1,19 @@
+{
+  "extends": "@antfu",
+  "rules": {
+    "@typescript-eslint/brace-style": ["error", "1tbs", { "allowSingleLine": true }],
+    "brace-style": ["error", "1tbs", { "allowSingleLine": true }],
+    "curly": ["error", "multi-line"],
+    "no-console": "off",
+    "vue/attribute-hyphenation": "off",
+    "vue/component-tags-order": ["error", { "order": [["script", "template"], "style"] }],
+    "vue/custom-event-name-casing": "off",
+    "vue/max-attributes-per-line": ["error", { "singleline": 1, "multiline": 1 }],
+    "vue/no-deprecated-v-bind-sync": "off",
+    "vue/no-deprecated-v-on-native-modifier": "off",
+    "vue/no-deprecated-destroyed-lifecycle": "off",
+    "vue/no-deprecated-dollar-listeners-api": "off",
+    "vue/no-deprecated-dollar-scopedslots-api": "off",
+    "vue/singleline-html-element-content-newline": "off"
+  }
+}

.github/workflows/ci.yml

@@ -1,4 +1,4 @@
-name: 'ci'
+name: ci
 on:
   push:
     branches:
@@ -25,7 +25,7 @@ jobs:
         uses: actions/setup-node@v3
         with:
           node-version: lts/*
-          cache: 'pnpm'
+          cache: pnpm
 
       - name: Use npmmirror registry
         run: pnpm config set registry https://registry.npmmirror.com
@@ -49,7 +49,7 @@ jobs:
         uses: actions/setup-node@v3
         with:
           node-version: lts/*
-          cache: 'pnpm'
+          cache: pnpm
 
       - name: Use npmmirror registry
         run: pnpm config set registry https://registry.npmmirror.com

README.md

@@ -16,10 +16,10 @@
   <a href="https://github.com/cloydlau/json-editor-vue/actions/workflows/ci.yml"><img alt="build status" src="https://github.com/cloydlau/json-editor-vue/actions/workflows/ci.yml/badge.svg?branch=main"></a>
   <a href="https://bundlephobia.com/package/json-editor-vue"><img alt="minzipped size" src="https://img.shields.io/bundlephobia/minzip/json-editor-vue"></a>
   <br>
-  <a href="https://www.jsdelivr.com/package/npm/json-editor-vue"><img alt="jsdelivr downloads" src="https://data.jsdelivr.com/v1/package/npm/json-editor-vue/badge?style=rounded"></a>
+  <a href="https://cdn.jsdelivr.net/npm/json-editor-vue"><img alt="jsdelivr downloads" src="https://data.jsdelivr.com/v1/package/npm/json-editor-vue/badge?style=rounded"></a>
   <a href="https://npmcharts.com/compare/json-editor-vue"><img alt="npm downloads" src="https://img.shields.io/npm/dm/json-editor-vue?logo=npm&color=rgba(203,0,0,0.9)"></a>
   <br>
-  <a href="https://rome.tools"><img alt="code style" src="https://img.shields.io/badge/code_style-Rome-FFC905.svg?logo=rome"></a>
+  <a href="https://standardjs.com"><img alt="code style" src="https://img.shields.io/badge/code_style-Standard-F3DF49.svg"></a>
   <a href="https://conventionalcommits.org"><img alt="conventional commits" src="https://img.shields.io/badge/commits-Conventional-FE5196.svg?logo=conventionalcommits&logoColor=white"></a>
   <a href="https://github.com/cloydlau/json-editor-vue#develop"><img alt="PRs Welcome" src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg"></a>
 </p>
@@ -544,9 +544,11 @@ export default {
 <script setup>
 import { ref } from 'vue'
 
-const JsonEditorVue = () => process.client
-  ? import('json-editor-vue')
-  : Promise.resolve({ render: (h) => h('div') })
+function JsonEditorVue() {
+  return process.client
+    ? import('json-editor-vue')
+    : Promise.resolve({ render: h => h('div') })
+}
 
 const value = ref()
 </script>
@@ -643,13 +645,14 @@ export default {
 <script>
 import Vue from 'vue'
 import VCA from '@vue/composition-api'
+
 Vue.use(VCA)
 
 export default {
   components: {
     JsonEditorVue: () => process.client
       ? import('json-editor-vue')
-      : Promise.resolve({ render: (h) => h('div') }),
+      : Promise.resolve({ render: h => h('div') }),
   },
   data() {
     return {

__tests__/index.test.ts

@@ -1,6 +1,6 @@
-import JsonEditorVue from '../src/index'
 import { mount } from '@vue/test-utils'
 import { expect, test } from 'vitest'
+import JsonEditorVue from '../src/index'
 
 test('string value in text mode', async () => {
   const wrapper = mount(JsonEditorVue, {

docs/README.zh-CN.md

@@ -16,10 +16,10 @@
   <a href="https://github.com/cloydlau/json-editor-vue/actions/workflows/ci.yml"><img alt="build status" src="https://github.com/cloydlau/json-editor-vue/actions/workflows/ci.yml/badge.svg?branch=main"></a>
   <a href="https://bundlephobia.com/package/json-editor-vue"><img alt="minzipped size" src="https://img.shields.io/bundlephobia/minzip/json-editor-vue"></a>
   <br>
-  <a href="https://www.jsdelivr.com/package/npm/json-editor-vue"><img alt="jsdelivr downloads" src="https://data.jsdelivr.com/v1/package/npm/json-editor-vue/badge?style=rounded"></a>
+  <a href="https://cdn.jsdelivr.net/npm/json-editor-vue"><img alt="jsdelivr downloads" src="https://data.jsdelivr.com/v1/package/npm/json-editor-vue/badge?style=rounded"></a>
   <a href="https://npmcharts.com/compare/json-editor-vue"><img alt="npm downloads" src="https://img.shields.io/npm/dm/json-editor-vue?logo=npm&color=rgba(203,0,0,0.9)"></a>
   <br>
-  <a href="https://rome.tools"><img alt="code style" src="https://img.shields.io/badge/code_style-Rome-FFC905.svg?logo=rome"></a>
+  <a href="https://standardjs.com"><img alt="code style" src="https://img.shields.io/badge/code_style-Standard-F3DF49.svg"></a>
   <a href="https://conventionalcommits.org"><img alt="conventional commits" src="https://img.shields.io/badge/commits-Conventional-FE5196.svg?logo=conventionalcommits&logoColor=white"></a>
   <a href="https://github.com/cloydlau/json-editor-vue#develop"><img alt="PRs Welcome" src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg"></a>
 </p>
@@ -544,9 +544,11 @@ export default {
 <script setup>
 import { ref } from 'vue'
 
-const JsonEditorVue = () => process.client
-  ? import('json-editor-vue')
-  : Promise.resolve({ render: (h) => h('div') })
+function JsonEditorVue() {
+  return process.client
+    ? import('json-editor-vue')
+    : Promise.resolve({ render: h => h('div') })
+}
 
 const value = ref()
 </script>
@@ -643,13 +645,14 @@ export default {
 <script>
 import Vue from 'vue'
 import VCA from '@vue/composition-api'
+
 Vue.use(VCA)
 
 export default {
   components: {
     JsonEditorVue: () => process.client
       ? import('json-editor-vue')
-      : Promise.resolve({ render: (h) => h('div') }),
+      : Promise.resolve({ render: h => h('div') }),
   },
   data() {
     return {

package.json

@@ -3,7 +3,6 @@
   "PascalCasedName": "JsonEditorVue",
   "version": "0.10.5",
   "private": false,
-  "packageManager": "pnpm@7.29.3",
   "description": "JSON editor & viewer for Vue 2.6/2.7/3 & Nuxt 2/3.",
   "author": "Cloyd Lau",
   "license": "MIT",
@@ -64,20 +63,23 @@
     "vue-global-config": "latest"
   },
   "devDependencies": {
+    "@antfu/eslint-config": "latest",
     "@commitlint/cli": "latest",
     "@commitlint/config-conventional": "latest",
     "@types/lodash-es": "latest",
     "@types/node": "latest",
+    "@vitejs/plugin-vue": "latest",
     "@vitest/coverage-c8": "latest",
     "@vitest/ui": "latest",
+    "@vue/compiler-sfc": "latest",
     "@vue/test-utils": "latest",
     "case-police": "latest",
+    "eslint": "latest",
     "happy-dom": "latest",
     "husky": "latest",
     "json-editor-vue": "latest",
     "lint-staged": "latest",
     "lossless-json": "latest",
-    "rome": "latest",
     "typescript": "latest",
     "unplugin-auto-import": "latest",
     "vanilla-jsoneditor": "latest",
@@ -86,18 +88,14 @@
     "vitepress": "latest",
     "vitest": "latest",
     "vue": "latest",
-    "zhlint": "latest",
-    "@vitejs/plugin-vue": "latest",
-    "@vue/compiler-sfc": "latest"
+    "zhlint": "latest"
   },
   "lint-staged": {
-    "{src,__tests__}/**.{js,ts}": "rome check",
-    "*.md": [
-      "case-police --fix",
-      "zhlint --fix"
-    ]
+    "*.md": "case-police --fix",
+    "docs/README.zh-CN.md": "zhlint --fix",
+    "*": "eslint --ignore-pattern 'demo/' --fix"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
   }
-}
+}