diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 00fae5a..a460a72 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -6,31 +6,46 @@ on:
 
 name: CI
 
+concurrency:
+  group: build-${{ github.event.pull_request.number || github.ref }}
+  cancel-in-progress: true
+
 jobs:
   lint:
-    runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        os: [ubuntu-latest, macos-latest, windows-latest]
+        node-version: [latest, 20.x, 18.x, 16.x, 14.x, 12.x]
+    runs-on: ${{ matrix.os }}
     steps:
-      - name: Cancel previous runs
-        uses: styfle/cancel-workflow-action@0.9.1
-        with:
-          all_but_latest: true
-          access_token: ${{ secrets.GITHUB_TOKEN }}
-
       - name: Checkout
         uses: actions/checkout@v3
 
-      - uses: pnpm/action-setup@v2.2.2
+      - name: Install Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: ${{ matrix.node-version }}
+
+      - uses: pnpm/action-setup@v2
         with:
-          version: 7.x.x
+          version: latest
+          run_install: false
 
-      - name: Setup NodeJS
-        uses: actions/setup-node@v3
+      - name: Get pnpm store directory
+        shell: bash
+        run: |
+          echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV
+
+      - uses: actions/cache@v3
+        name: Setup pnpm cache
         with:
-          node-version: '16'
-          cache: 'pnpm'
+          path: ${{ env.STORE_PATH }}
+          key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
+          restore-keys: |
+            ${{ runner.os }}-pnpm-store-
 
       - name: Install dependencies
-        run: pnpm install --frozen-lockfile
+        run: pnpm install
 
       - name: EsLint
         run: pnpm lint
diff --git a/src/views/DocsPage.vue b/src/views/DocsPage.vue
index e1e8831..5c8cec5 100644
--- a/src/views/DocsPage.vue
+++ b/src/views/DocsPage.vue
@@ -201,6 +201,12 @@ const onStateChange = (event) => {
 		background: #e6e6e6 !important;
 	}
 
+	code {
+		outline: 1px solid grey;
+		border-radius: 6px;
+		padding: .2rem .4rem;
+	}
+
 	code, pre>code {
 		border-radius: 4px !important;
 		background: #e6e6e6 !important;
@@ -234,11 +240,7 @@ const onStateChange = (event) => {
 			border: 1px solid grey;
 		}
 	}
-	code {
-		outline: 1px solid grey;
-		border-radius: 6px;
-		padding: .2rem .4rem;
-	}
+
 	iframe {
 		margin-block: .5rem;
 		border-radius: 8px;
@@ -248,7 +250,7 @@ const onStateChange = (event) => {
 body.theme--dark {
 	pre, code, pre>code {
 		background: #303030 !important;
-		color: rgb(170, 170, 170);
+		color: rgb(170 170 170);
 	}
 
 	pre>button {