fix: generate empty sourcemap to bypass warning

close #6

Author: antfu

example/package.json

@@ -11,7 +11,6 @@
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^3.0.1",
-    "@vue/compiler-sfc": "^3.2.37",
     "cross-env": "^7.0.3",
     "markdown-it-prism": "^2.2.4",
     "prismjs": "^1.28.0",

example/vite.config.ts

@@ -1,11 +1,11 @@
-import type { UserConfig } from 'vite'
+import { defineConfig } from 'vite'
 import Vue from '@vitejs/plugin-vue'
 import Markdown from 'vite-plugin-vue-markdown'
 import prism from 'markdown-it-prism'
 import Pages from 'vite-plugin-pages'
 import Inspect from 'vite-plugin-inspect'
 
-const config: UserConfig = {
+export default defineConfig({
   plugins: [
     Vue({
       include: [/\.vue$/, /\.md$/],
@@ -22,6 +22,7 @@ const config: UserConfig = {
     }),
     Inspect(),
   ],
-}
-
-export default config
+  build: {
+    sourcemap: true,
+  },
+})

package.json

@@ -57,12 +57,14 @@
     "@antfu/ni": "^0.17.2",
     "@types/node": "^18.6.1",
     "@vue/test-utils": "^2.0.2",
+    "@vueuse/head": "^0.7.7",
     "bumpp": "^8.2.1",
     "eslint": "^8.20.0",
     "rollup": "^2.77.0",
     "tsup": "^6.2.0",
     "typescript": "^4.7.4",
     "vite": "^3.0.3",
-    "vitest": "^0.19.1"
+    "vitest": "^0.19.1",
+    "vue": "^3.2.37"
   }
 }

pnpm-lock.yaml

@@ -32,7 +32,7 @@ function VitePluginMarkdown(userOptions: Options = {}): Plugin {
 
       const defaultRead = ctx.read
       ctx.read = async function () {
-        return markdownToVue(ctx.file, await defaultRead())
+        return markdownToVue(ctx.file, await defaultRead()).code
       }
     },
   }

src/index.ts

@@ -2,6 +2,7 @@ import MarkdownIt from 'markdown-it'
 import { toArray, uniq } from '@antfu/utils'
 import { componentPlugin } from '@mdit-vue/plugin-component'
 import { frontmatterPlugin } from '@mdit-vue/plugin-frontmatter'
+import type { TransformResult } from 'vite'
 import type { MarkdownEnv, ResolvedOptions } from './types'
 
 const scriptSetupRE = /<\s*script([^>]*)\bsetup\b([^>]*)>([\s\S]*)<\/script>/mg
@@ -69,7 +70,7 @@ export function createMarkdown(options: ResolvedOptions) {
 
   options.markdownItSetup(markdown)
 
-  return (id: string, raw: string) => {
+  return (id: string, raw: string): TransformResult => {
     const { wrapperClasses, wrapperComponent, transforms, headEnabled, frontmatterPreprocess } = options
 
     raw = raw.trimStart()
@@ -174,10 +175,15 @@ export function createMarkdown(options: ResolvedOptions) {
           : []),
         ]
 
-    return [
+    const code = [
       `<template>${html}</template>`,
       ...scripts.map(i => i.trim()).filter(Boolean),
       ...customBlocks.blocks,
     ].join('\n')
+
+    return {
+      code,
+      map: { mappings: '' } as any,
+    }
   }
 }