Be with ESM and Vite 5+

README.md

@@ -22,7 +22,7 @@ npm i -D vite-plugin-markdown@vite-1
 ### Config
 
 ```js
-const mdPlugin = require('vite-plugin-markdown')
+import mdPlugin from 'vite-plugin-markdown'
 
 module.exports = {
   plugins: [mdPlugin(options)]

examples/react/package.json

@@ -1,6 +1,7 @@
 {
   "name": "vite-plugin-markdown-sample-react",
   "private": true,
+  "type": "module",
   "version": "0.0.0",
   "scripts": {
     "dev": "vite",

examples/react/vite.config.js

@@ -1,12 +1,12 @@
 // @ts-check
-const reactRefresh = require('@vitejs/plugin-react-refresh')
-const { plugin: mdPlugin, Mode } = require('vite-plugin-markdown')
+import { defineConfig } from 'vite'
+import reactRefresh from '@vitejs/plugin-react-refresh'
+import mdPlugin, { Mode } from 'vite-plugin-markdown'
 
 /**
  * @type { import('vite').UserConfig }
  */
-const config = {
-  plugins: [reactRefresh, mdPlugin({ mode: [Mode.HTML, Mode.MARKDOWN, Mode.TOC, Mode.REACT] })]
-}
+export default defineConfig({
+  plugins: [reactRefresh, mdPlugin({ mode: [Mode.HTML, Mode.MARKDOWN, Mode.TOC, Mode.REACT] })],
+})
 
-module.exports = config

examples/vue/package.json

@@ -2,6 +2,7 @@
   "name": "vite-plugin-markdown-sample-vue",
   "private": true,
   "version": "0.0.0",
+  "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "vite build"

examples/vue/vite.config.ts

@@ -1,11 +1,10 @@
 import VuePlugin from '@vitejs/plugin-vue'
+import { defineConfig } from 'vite'
 import plugin, { Mode } from 'vite-plugin-markdown'
 
 /**
  * @type { import('vite').UserConfig }
  */
-const config = {
+export default defineConfig({
   plugins: [VuePlugin(), plugin({ mode: [Mode.HTML, Mode.TOC, Mode.VUE] })],
-}
-
-module.exports = config
+})