chore: fix examples

examples/rspack/package.json

@@ -1,5 +1,6 @@
 {
   "private": true,
+  "type": "module",
   "author": "三咲智子 <[email protected]>",
   "scripts": {
     "serve": "MODE=development rspack serve",

examples/rspack/rspack.config.js

@@ -1,6 +1,6 @@
-const process = require('node:process')
-const rspack = require('@rspack/core')
-const Vue = require('unplugin-vue/rspack')
+import process from 'node:process'
+import { HtmlRspackPlugin } from '@rspack/core'
+import Vue from 'unplugin-vue/rspack'
 
 /** @type {import('@rspack/core').Configuration} */
 const config = {
@@ -33,10 +33,10 @@ const config = {
   },
   plugins: [
     Vue(),
-    new rspack.HtmlRspackPlugin({
+    new HtmlRspackPlugin({
       filename: 'index.html',
       template: 'public/index.html',
     }),
   ],
 }
-module.exports = config
+export default config

examples/webpack/package.json

@@ -1,5 +1,6 @@
 {
   "private": true,
+  "type": "module",
   "author": "三咲智子 <[email protected]>",
   "scripts": {
     "serve": "MODE=development webpack serve",

examples/webpack/webpack.config.ts → examples/webpack/webpack.config.js

@@ -1,10 +1,10 @@
 import process from 'node:process'
 import HtmlWebpackPlugin from 'html-webpack-plugin'
 import Vue from 'unplugin-vue/webpack'
-import type { Configuration } from 'webpack'
 
-const config: Configuration = {
-  mode: (process.env.MODE as any) ?? 'development',
+/** @type import('webpack').Configuration */
+const config = {
+  mode: process.env.MODE ?? 'development',
   entry: {
     app: './src/main.ts',
   },