chore: align require polyfill implementation with the rolldown docs

Author: sapphi-red

playground/external/src/require-polyfill.js

@@ -1,7 +1,8 @@
 import * as vue from 'vue'
 import slash3 from 'slash3'
-globalThis.require = (dep) => {
-  if (dep === 'vue') return vue
-  if (dep === 'slash3') return slash3
-  throw new Error(`Cannot require "${dep}"`)
+
+export default (id) => {
+  if (id === 'vue') return vue
+  if (id === 'slash3') return slash3
+  throw new Error(`Cannot require "${id}"`)
 }

playground/external/vite.config.js

@@ -1,4 +1,5 @@
 import fs from 'node:fs/promises'
+import path from 'node:path'
 import { defineConfig } from 'vite'
 
 const npmDirectServeConfig = {
@@ -29,6 +30,9 @@ export default defineConfig({
     minify: false,
     rollupOptions: {
       external: ['vue', 'slash3', 'slash5'],
+      inject: {
+        require: path.resolve(__dirname, 'src/require-polyfill.js'),
+      },
     },
     commonjsOptions: {
       esmExternals: ['vue', 'slash5'],