chore: use pnpm and node 18 (#198)

* refactor: use pnpm

* ci: enable corepack

* Apply suggestions from code review

---------

Co-authored-by: kazuya kawaguchi <kawakazu80@gmail.com>

.github/workflows/release.yml

@@ -12,13 +12,15 @@ jobs:
     runs-on: Ubuntu-latest
     steps:
       - uses: actions/checkout@v2
+      - name: Enable corepack
+        run: corepack enable
       - uses: actions/setup-node@v1
         with:
           registry-url: "https://registry.npmjs.org"
       - run: git switch next
       - run: |
-          if [ -f "yarn.lock" ]; then
-            yarn install
+          if [ -f "pnpm-lock.yaml" ]; then
+            pnpm install
           else
             npm install
           fi

.github/workflows/test.yml

@@ -24,18 +24,20 @@ jobs:
     strategy:
       matrix:
         os: [ubuntu-latest]
-        node: [14, 16]
+        node: [18, 20, 22]
     steps:
       - name: Checkout
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
+      - name: Enable corepack
+        run: corepack enable
       - name: Setup Node.js ${{ matrix.node }}
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           node-version: ${{ matrix.node }}
-          cache: 'yarn'
+          cache: 'pnpm'
       - name: Install
-        run: yarn install
+        run: pnpm install
       - name: Build
-        run: yarn build
+        run: pnpm build
       - name: Test
-        run: yarn test
+        run: pnpm test

docs/@intlify/vue-i18n-extensions-api.md

@@ -15,7 +15,7 @@ Transform `v-t` custom directive
 
 **Signature:**
 ```typescript
-export declare function transformVTDirective<Messages = {}, DateTimeFormats = {}, NumberFormats = {}, Legacy extends boolean = true>(options?: TransformVTDirectiveOptions<Messages, DateTimeFormats, NumberFormats, Legacy>): DirectiveTransform;
+export declare function transformVTDirective<Messages extends Record<string, unknown> = {}, DateTimeFormats extends Record<string, unknown> = {}, NumberFormats extends Record<string, unknown> = {}, Legacy extends boolean = true>(options?: TransformVTDirectiveOptions<Messages, DateTimeFormats, NumberFormats, Legacy>): DirectiveTransform;
 ```
 
 #### Parameters
@@ -81,7 +81,7 @@ Transform options for `v-t` custom directive
 
 **Signature:**
 ```typescript
-export interface TransformVTDirectiveOptions<Messages = {}, DateTimeFormats = {}, NumberFormats = {}, Legacy extends boolean = true> 
+export interface TransformVTDirectiveOptions<Messages extends Record<string, unknown> = {}, DateTimeFormats extends Record<string, unknown> = {}, NumberFormats extends Record<string, unknown> = {}, Legacy extends boolean = true> 
 ```
 
 
@@ -98,7 +98,7 @@ i18n?: I18n<Messages, DateTimeFormats, NumberFormats, Legacy>;
 
 #### Remarks
 
-If this option is specified, `v-t` custom diretive transform uses an I18n instance to pre-translate. The translation will use the global resources registered in the I18n instance, that is, `v-t` diretive transform is also a limitation that the resources of each component cannot be used.
+If this option is specified, `v-t` custom directive transform uses an I18n instance to pre-translate. The translation will use the global resources registered in the I18n instance, that is, `v-t` directive transform is also a limitation that the resources of each component cannot be used.
 
 ##### mode
 

example/App.vue

@@ -3,15 +3,8 @@
   <p v-t="{ path: hello, locale: 'en' }"></p>
 </template>
 
-<script>
+<script setup>
 import { ref } from 'vue'
-import { useI18n } from 'vue-i18n'
 
-export default {
-  name: 'App',
-  setup() {
-    const hello = ref('hello')
-    return { hello, ...useI18n() }
-  }
-}
+const hello = ref('hello')
 </script>

package.json

@@ -37,6 +37,7 @@
     "@types/node": "^18.11.17",
     "@typescript-eslint/eslint-plugin": "^5.46.1",
     "@typescript-eslint/parser": "^5.46.1",
+    "@vue/compiler-core": "^3.2.45",
     "@vue/compiler-sfc": "^3.2.45",
     "@vue/compiler-ssr": "^3.2.45",
     "@vue/runtime-dom": "^3.2.45",
@@ -106,7 +107,7 @@
     "url": "git+https://github.com/intlify/vue-i18n-extensions.git"
   },
   "scripts": {
-    "build": "yarn build:transpile && yarn build:extract && yarn build:docs",
+    "build": "pnpm build:transpile && pnpm build:extract && pnpm build:docs",
     "build:docs": "api-docs-gen ./temp/vue-i18n-extensions.api.json -c ./docsgen.config.js -o ./docs",
     "build:extract": "api-extractor run -l -c ./api-extractor.json --typescript-compiler-folder node_modules/typescript",
     "build:transpile": "tsc -p .",
@@ -119,18 +120,18 @@
     "example": "webpack serve --config example/webpack.config.js --inline --hot",
     "fix": "npm-run-all --parallel lint:eslint:fix format:fix",
     "format": "prettier --config .prettierrc --ignore-path .prettierignore --list-different '**/*.{js,json,html}'",
-    "format:fix": "yarn format --write",
+    "format:fix": "pnpm format --write",
     "lint": "npm-run-all --parallel lint:eslint lint:secret",
     "lint:eslint": "eslint ./src ./test --ext .ts --cache",
-    "lint:eslint:fix": "yarn lint:eslint --fix",
+    "lint:eslint:fix": "pnpm lint:eslint --fix",
     "lint:secret": "npx secretlint \"**/*\"",
     "release:prepare": "shipjs prepare",
     "release:trigger": "shipjs trigger",
-    "test": "yarn lint && yarn test:cover && yarn test:e2e",
-    "test:cover": "yarn clean:cache:jest && yarn test:unit --coverage",
+    "test": "pnpm lint && pnpm test:cover && pnpm test:e2e",
+    "test:cover": "pnpm clean:cache:jest && pnpm test:unit --coverage",
     "test:e2e": "jest --runInBand --config ./jest.e2e.config.js",
-    "test:unit": "yarn clean:cache:jest && jest --env node",
-    "test:watch": "yarn clean:cache:jest && jest --env node --watch",
+    "test:unit": "pnpm clean:cache:jest && jest --env node",
+    "test:watch": "pnpm clean:cache:jest && jest --env node --watch",
     "watch": "tsc -p . --watch"
   },
   "types": "dist/vue-i18n-extensions.d.ts"