add oxlint

.eslintrc.cjs

@@ -3,6 +3,7 @@ require('@rushstack/eslint-patch/modern-module-resolution')
 
 module.exports = {
   root: true,
+  'ignorePatterns': ['*.config.js'],
   'extends': ['plugin:vue/vue3-essential', 'eslint:recommended', '@vue/eslint-config-typescript', '@vue/eslint-config-prettier/skip-formatting', 'plugin:storybook/recommended'],
   parserOptions: {
     ecmaVersion: 'latest'

.github/workflows/ci.yml

@@ -25,6 +25,8 @@ jobs:
         run: bun --version
       - name: Install dependencies
         run: bun install --frozen-lockfile
+      - name: lint
+        run: bun run lint && bun run eslint
       - name: unit test
         run: bun run test:unit
       # - name: e2e test

.gitignore

@@ -30,6 +30,8 @@ coverage
 test-results/
 playwright-report/
 vitest-result/
+storybook-static/
+e2e/*-snapshots/
 
 *~
 /public/v.js

package.json

@@ -21,10 +21,12 @@
     "build-only": "vite build",
     "make404": "cp dist/index.html dist/404.html",
     "type-check": "vue-tsc --noEmit -p tsconfig.vitest.json --composite false",
-    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",
+    "lint": "oxlint",
+    "eslint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",
     "format": "prettier --write src/",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build"
+    "storybook": "storybook dev -h 0.0.0.0 -p 6006",
+    "storybook:build": "storybook build",
+    "storybook:preview-built": "vite preview --host 0.0.0.0 -p 8080 --outDir storybook-static"
   },
   "dependencies": {
     "pinia": "^2.1.7",
@@ -58,6 +60,7 @@
     "eslint-plugin-vue": "^9.17.0",
     "jsdom": "^22.1.0",
     "npm-run-all2": "^6.1.1",
+    "oxlint": "^0.0.22",
     "postcss": "^8.4.31",
     "prettier": "^3.0.3",
     "react": "^18.2.0",

src/stories/Button.stories.ts → src/stories/SampleButton.stories.ts

@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/vue3'
 
-import Button from './Button.vue'
+import Button from './SampleButton.vue'
 
 // More on how to set up stories at: https://storybook.js.org/docs/writing-stories
 const meta = {

src/stories/Button.vue → src/stories/SampleButton.vue

@@ -3,7 +3,7 @@
 </template>
 
 <script lang="ts" setup>
-import './button.css'
+import './sample-button.css'
 import { computed } from 'vue'
 
 const props = withDefaults(

src/stories/Header.stories.ts → src/stories/SampleHeader.stories.ts

@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/vue3'
 
-import MyHeader from './Header.vue'
+import MyHeader from './SampleHeader.vue'
 
 const meta = {
   /* 👇 The title prop is optional.

src/stories/Header.vue → src/stories/SampleHeader.vue

@@ -40,8 +40,8 @@
 </template>
 
 <script lang="ts" setup>
-import './header.css'
-import MyButton from './Button.vue'
+import './sample-header.css'
+import MyButton from './SampleButton.vue'
 
 defineProps<{ user: { name: string } | null }>()
 

src/stories/Page.stories.ts → src/stories/SamplePage.stories.ts

@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/vue3'
 import { within, userEvent, expect } from '@storybook/test'
-import MyPage from './Page.vue'
+import MyPage from './SamplePage.vue'
 
 const meta = {
   title: 'Example/Page',

src/stories/Page.vue → src/stories/SamplePage.vue

@@ -54,8 +54,8 @@
 </template>
 
 <script lang="ts" setup>
-import './page.css'
-import MyHeader from './Header.vue'
+import './sample-page.css'
+import MyHeader from './SampleHeader.vue'
 
 import { ref } from 'vue'