Nuxt.js: HTML comments are removed

[mariomka]

Version

v2.12.2

Reproduction link

https://codesandbox.io/s/tender-hooks-b90d5?file=/pages/index.vue

Steps to reproduce

Add an HTML comment in a component.

<template>
  <div>Test comments
    <!--comment here-->
  </div>
</template>

What is expected ?

<div id="__layout">
    <div class="container">
        <div>Test comments
        <!--comment here-->
        </div>
    </div>
</div>

What is actually happening?

<div id="__layout">
    <div class="container">
        <div>Test comments
        </div>
    </div>
</div>

Additional comments?

I have tried fix it adding comment: true to layout and page and adding some build configuration:

    html: {
      minify: {
        removeComments: false
      }
    },

    terser: {
      extractComments: false
    },

But It doesn't work.

_{This bug report is available on Nuxt community (#c10630)}

[mariomka]

Ok after searching a lot I found the key. The only necessary thing is to add comments attribute to <template> tag. It isn't documented in vue-loader.

https://github.com/vuejs/vue-loader/pull/897