fix(core): avoid runtime warning for empty template (close #10)

vuepress · Dec 1, 2020 · bcbf703 · bcbf703
1 parent 9c3c715
commit bcbf703
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/packages/@vuepress/core/src/page/resolvePageComponentInfo.ts b/packages/@vuepress/core/src/page/resolvePageComponentInfo.ts
@@ -41,9 +41,13 @@ export const resolvePageComponentInfo = async ({
 
  // resolve component file content
  // take the rendered markdown content as <template>
- // hoist <script>, <style> and other custom blocks
+ // hoist `<script>`, `<style>` and other custom blocks
  const componentFileContent = [
- `<template>${rendered}</template>`,
+ // if the `<template>` block is empty, vue will print a runtime warning
+ // during development, so here we add a whitespace to temporarily avoid
+ // the warning
+ // @see https://github.com/vuejs/vue-next/issues/2463
+ `<template>${rendered || ' '}</template>`,
  ...hoistedTags,
  ].join('\n\n')