Skip to content

Conversation

frankfoerster
Copy link
Contributor

@frankfoerster frankfoerster commented Jul 30, 2019

Problem

The plugin currently minifies the html template and converts all characters to lowercase.

This breaks compatibility with some of the meta injections vue-meta offers, e.g.:
{{{ meta.inject().htmlAttrs.text() }}} and {{{ meta.inject().bodyAttrs.text() }}}.

When using those in the index.html template, the build step minifies and lowercases it, resulting in
{{{ meta.inject().htmlattrs.text() }}} and {{{ meta.inject().bodyattrs.text() }}}.

As a result the server-side rendering process throws an error (500) because it cannot resolve htmlattrs/bodyattrs.

Solution

Enable case sensitivity for the minification step on the html webpack plugin.

Fixes #123

@frankfoerster frankfoerster changed the title Fix compatibility with vue-meta (htmlAttrs, bodyAttrs, ...) Fix compatibility with vue-meta (htmlAttrs, bodyAttrs, ...) #123 Jul 30, 2019
@frankfoerster frankfoerster changed the title Fix compatibility with vue-meta (htmlAttrs, bodyAttrs, ...) #123 Fix compatibility with vue-meta (htmlAttrs, bodyAttrs, ...) Jul 30, 2019
@partounian
Copy link

partounian commented Sep 27, 2019

@Akryum nudge :)

@Akryum Akryum merged commit afcae54 into Akryum:master Oct 20, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Fix compatibility with vue-meta (htmlAttrs, bodyAttrs, ...)
3 participants