Vue component: prevent childs from indexing by crawlers

vue-noindex.js

export default {
  name: 'NoIndex',

  functional: true,

  props: {
    tag: {
      type: String,
      default: 'div',
    },
  },

  render(h, {children, props}) {
    const comment1 = h('');
    comment1.text = 'googleoff: all';

    const comment2 = h('');
    comment2.text = 'noindex';

    const comment3 = h('');
    comment3.text = '/noindex';

    const comment4 = h('');
    comment4.text = 'googleon: all';

    return h(props.tag, {
      class: ['robots-noindex'],
    }, [comment1, comment2, ...children, comment3, comment4]);
  },

};