👽 [#724] Ensure that a _ global exists

lodash/template requires the window._ global to be defined, otherwise
the templates don't render properly.

Failing to provide this breaks the formio file upload stories.

.storybook/preview.js

@@ -5,6 +5,7 @@ import 'design-token-editor/lib/css/dte.css';
 import 'design-token-editor/lib/css/root.css';
 import 'flatpickr';
 import 'flatpickr/dist/l10n/nl.js';
+import lodash from 'lodash';
 import {fixIconUrls as fixLeafletIconUrls} from 'map';
 import {initialize, mswLoader} from 'msw-storybook-addon';
 import {Formio, Templates} from 'react-formio';
@@ -28,6 +29,8 @@ import {
 import {reactIntl} from './reactIntl.mjs';
 import ThemeProvider from './theme';
 
+window._ = lodash;
+
 initialize({
   onUnhandledRequest: 'bypass',
   serviceWorker: {

vite.config.mts

@@ -2,7 +2,6 @@
 // https://vitejs.dev/config/
 import react from '@vitejs/plugin-react';
 import lodashTemplate from 'lodash/template';
-import {readFile} from 'node:fs/promises';
 import {defineConfig} from 'vite';
 import jsconfigPaths from 'vite-jsconfig-paths';
 import {coverageConfigDefaults} from 'vitest/config';
@@ -11,15 +10,14 @@ import {coverageConfigDefaults} from 'vitest/config';
 // https://github.com/difelice/ejs-loader/blob/master/index.js
 const ejsPlugin = () => ({
   name: 'compile-ejs',
-  async transform(_, id) {
+  async transform(src: string, id: string) {
     const options = {
       variable: 'ctx',
       evaluate: /\{%([\s\S]+?)%\}/g,
       interpolate: /\{\{([\s\S]+?)\}\}/g,
       escape: /\{\{\{([\s\S]+?)\}\}\}/g,
     };
     if (id.endsWith('.ejs')) {
-      const src = await readFile(id, 'utf-8');
       // @ts-ignore
       const code = lodashTemplate(src, options);
       return {code: `export default ${code}`, map: null};