fix: knip errors and build issues

Author: kazupon

e2e/vite.spec.ts

@@ -1,9 +1,9 @@
-import { startServer } from './setup-server'
 import { getText } from './helper'
+import { startServer } from './setup-server'
 
-import type { ServerContext } from './setup-server'
 import type { Browser, Page } from 'playwright-core'
-import { describe, expect, test, beforeAll, afterAll } from 'vitest'
+import { afterAll, beforeAll, describe, expect, test } from 'vitest'
+import type { ServerContext } from './setup-server'
 
 // TODO: extract to shim.d.ts
 // eslint-disable-next-line @typescript-eslint/no-namespace

eslint.config.ts

@@ -18,7 +18,7 @@ export default defineConfig(
   {
     name: 'ignores',
     ignores: [
-      'examples/*',
+      'examples/**',
       'unmaintained/**',
       '**/test/fixtures/**',
       '**/*.config.ts',

examples/rspack/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "rspack-example",
+  "private": true,
+  "type": "module",
+  "dependencies": {
+    "vue": "^3.5.13",
+    "vue-i18n": "next",
+    "@intlify/unplugin-vue-i18n": "workspace:*"
+  },
+  "devDependencies": {
+    "@rspack/cli": "^1.2.7",
+    "vue-loader": "^16.3.0"
+  },
+  "scripts": {
+    "dev": "rspack dev --config ./rspack.config.mjs",
+    "build": "rspack --config ./rspack.config.mjs"
+  }
+}

examples/rspack/rspack.config.mjs

@@ -1,8 +1,8 @@
-// @ts-check
-import { dirname, resolve, join } from 'path'
+import VueI18nPlugin from '@intlify/unplugin-vue-i18n/rspack'
+import { defineConfig } from '@rspack/cli'
+import { dirname, join, resolve } from 'node:path'
+import { fileURLToPath } from 'node:url'
 import { VueLoaderPlugin } from 'vue-loader'
-import VueI18nPlugin from '../../packages/unplugin-vue-i18n/lib/rspack.mjs'
-import { fileURLToPath } from 'url'
 
 const __filename = fileURLToPath(import.meta.url)
 const __dirname = dirname(__filename)
@@ -26,10 +26,7 @@ function transformI18nBlock(source) {
   return source
 }
 
-/**
- * @type {import('@rspack/core').RspackOptions}
- **/
-export default {
+export default defineConfig({
   mode: 'development',
   devtool: 'source-map',
   entry: resolve(__dirname, './src/main.js'),
@@ -38,11 +35,6 @@ export default {
     filename: '[name].js',
     publicPath: '/dist/'
   },
-  resolve: {
-    alias: {
-      vue: resolve(__dirname, '../../node_modules/vue/dist/vue.esm-bundler.js')
-    }
-  },
   devServer: {
     static: {
       directory: join(__dirname, './')
@@ -66,10 +58,6 @@ export default {
       {
         test: /\.vue$/,
         loader: 'vue-loader'
-      },
-      {
-        test: /\.js$/,
-        loader: 'babel-loader'
       }
     ]
   },
@@ -80,4 +68,4 @@ export default {
       transformI18nBlock: transformI18nBlock
     })
   ]
-}
+})

examples/rspack/src/App.vue

@@ -11,7 +11,7 @@
   <Apple />
 </template>
 
-<script>
+<script lang="ts">
 import { useI18n } from 'vue-i18n'
 import Apple from './Apple.vue'
 import Banana from './Banana.vue'

examples/rspack/src/main.js

@@ -1,7 +1,7 @@
+import messages from '@intlify/unplugin-vue-i18n/messages'
 import { createApp } from 'vue'
 import { createI18n } from 'vue-i18n'
 import App from './App.vue'
-import messages from '@intlify/unplugin-vue-i18n/messages'
 
 const i18n = createI18n({
   locale: 'ja',

examples/vite/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "vite-example",
+  "private": true,
+  "type": "module",
+  "dependencies": {
+    "vue": "^3.5.13",
+    "vue-i18n": "next",
+    "@intlify/unplugin-vue-i18n": "workspace:*"
+  },
+  "devDependencies": {
+    "vite": "^6.2.2",
+    "@vitejs/plugin-vue": "^5.2.3"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build --minify false"
+  }
+}

examples/vite/src/App.vue

@@ -12,7 +12,7 @@
   <Apple />
 </template>
 
-<script>
+<script lang="ts">
 import { useI18n } from 'vue-i18n'
 import Apple from './Apple.vue'
 import Banana from './Banana.vue'

examples/vite/src/Apple.vue

@@ -3,7 +3,7 @@
   <p>{{ t('hello') }}</p>
 </template>
 
-<script>
+<script lang="ts">
 import { useI18n } from 'vue-i18n'
 
 export default {

examples/vite/src/Banana.vue

@@ -11,7 +11,7 @@
   <p id="banana">{{ t('fruits.banana', select, { n: select }) }}</p>
 </template>
 
-<script setup lang="ts">
+<script setup>
 import { ref } from 'vue'
 import { useI18n } from 'vue-i18n'