Custom html error

[sylvaincaillot]

Hello,
I am using Vue-CLI 3 in which I have imported the VUE LBD template from Creative Tim. Everything seems to work fine except for notifications.

The following works:

      this.$notifications.notify({
        message: 'Welcome',
        icon: 'nc-icon nc-app',
        horizontalAlign,
        verticalAlign,
        type: this.type[color],
      });

while the following returns a "You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build." error...

      this.$notifications.notify({
        component: {
                template:'<span><a href="https://www.google.com" target="_blank"> Go to google</a></span>'
         },
        icon: 'nc-icon nc-app',
        horizontalAlign,
        verticalAlign,
        type: this.type[color],
      });

Any advice would be welcome

Sylvain

[ciarans]

You need to pass a Vue Component, not a string. Check out the jsfiddle demo