diff --git a/.eslintrc.cjs b/.eslintrc.cjs
index 273b8f5..1d0a7fa 100644
--- a/.eslintrc.cjs
+++ b/.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'
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index cd1872b..da55009 100644
--- a/.github/workflows/ci.yml
+++ b/.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
diff --git a/.gitignore b/.gitignore
index eb2e213..da1f845 100644
--- a/.gitignore
+++ b/.gitignore
@@ -30,6 +30,8 @@ coverage
 test-results/
 playwright-report/
 vitest-result/
+storybook-static/
+e2e/*-snapshots/
 
 *~
 /public/v.js
diff --git a/bun.lockb b/bun.lockb
index 40a245b..6c9abd1 100755
Binary files a/bun.lockb and b/bun.lockb differ
diff --git a/package.json b/package.json
index be2181e..ad10bab 100644
--- a/package.json
+++ b/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",
diff --git a/src/stories/Button.stories.ts b/src/stories/SampleButton.stories.ts
similarity index 96%
rename from src/stories/Button.stories.ts
rename to src/stories/SampleButton.stories.ts
index 741ef60..d8f28f7 100644
--- a/src/stories/Button.stories.ts
+++ b/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 = {
diff --git a/src/stories/Button.vue b/src/stories/SampleButton.vue
similarity index 97%
rename from src/stories/Button.vue
rename to src/stories/SampleButton.vue
index 3fb0f8b..8f168d0 100644
--- a/src/stories/Button.vue
+++ b/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(
diff --git a/src/stories/Header.stories.ts b/src/stories/SampleHeader.stories.ts
similarity index 95%
rename from src/stories/Header.stories.ts
rename to src/stories/SampleHeader.stories.ts
index 9ba6cf7..6ecbe91 100644
--- a/src/stories/Header.stories.ts
+++ b/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.
diff --git a/src/stories/Header.vue b/src/stories/SampleHeader.vue
similarity index 95%
rename from src/stories/Header.vue
rename to src/stories/SampleHeader.vue
index 6be40d2..55ecb84 100644
--- a/src/stories/Header.vue
+++ b/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 }>()
 
diff --git a/src/stories/Page.stories.ts b/src/stories/SamplePage.stories.ts
similarity index 97%
rename from src/stories/Page.stories.ts
rename to src/stories/SamplePage.stories.ts
index 9145746..3df69fc 100644
--- a/src/stories/Page.stories.ts
+++ b/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',
diff --git a/src/stories/Page.vue b/src/stories/SamplePage.vue
similarity index 97%
rename from src/stories/Page.vue
rename to src/stories/SamplePage.vue
index 0c31f02..d10bc70 100644
--- a/src/stories/Page.vue
+++ b/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'
 
diff --git a/src/stories/button.css b/src/stories/sample-button.css
similarity index 100%
rename from src/stories/button.css
rename to src/stories/sample-button.css
diff --git a/src/stories/header.css b/src/stories/sample-header.css
similarity index 100%
rename from src/stories/header.css
rename to src/stories/sample-header.css
diff --git a/src/stories/page.css b/src/stories/sample-page.css
similarity index 100%
rename from src/stories/page.css
rename to src/stories/sample-page.css