diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index c44c8e0..d65750b 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -19,11 +19,14 @@ jobs:
         with:
           node-version: 20
 
+      - name: setup pnpm
+        uses: pnpm/action-setup@v4.0.0
+
       - name: Install dependencies
-        run: npx nypm@latest i
+        run: pnpm i
 
       - name: Lint
-        run: npm run lint
+        run: pnpm lint
 
   test:
     runs-on: ubuntu-latest
@@ -35,11 +38,14 @@ jobs:
         with:
           node-version: 20
 
+      - name: setup pnpm
+        uses: pnpm/action-setup@v4.0.0
+
       - name: Install dependencies
-        run: npx nypm@latest i
+        run: pnpm i
 
       - name: Playground prepare
-        run: npm run dev:prepare
+        run: pnpm dev:prepare
 
       - name: Test
-        run: npm run test
+        run: pnpm test
diff --git a/docs/nuxt.config.ts b/docs/nuxt.config.ts
index f12c30a..dd5138f 100644
--- a/docs/nuxt.config.ts
+++ b/docs/nuxt.config.ts
@@ -3,7 +3,6 @@ import module from '../src/module'
 
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
-
   modules: ['@nuxt/content', '@nuxt/fonts', '@nuxtjs/color-mode', module],
   devtools: { enabled: true },
   colorMode: {
@@ -26,12 +25,12 @@ export default defineNuxtConfig({
   },
   routeRules: {
     '/components': { redirect: '/components/button' },
-  }, compatibilityDate: '2024-04-03',
+  },
+  compatibilityDate: '2024-04-03',
   typescript: {
     includeWorkspace: true,
   },
   rayui: {
-    // @ts-ignore
     globalComponents: true,
     safeColors: ['amber', 'emerald', 'red', 'sky', 'violet', 'cyan'],
   },