Not working with cli3 and minimize: true.

Hi. First of all i want to thank @karol-f for your hard work on this repo. I think it is better then vue-web-component-wrapper. (I suggest you remove link to it from README.md, or at least move to bottom ).

I found that vue-custom-element is not working while minified by Vue Cli3.

Steps to reproduce:

1. Use Vue CLI v3.4.0 to create sample vue application. All promts are default. vue create frontend cd frontend

2. Install vue-custom-element npm install vue-custom-element --save

3. Add ./components/AxGrid.vue

<template>
  <div>
    <h4>{{ name }}</h4>
  </div>
</template>

<script>
export default {
  props: {
    name: null
  },
  created() {
    console.log('Debug this Vue');
  }
};
</script>

1. Modify ./main.js to register web-component

import Vue from 'vue';
import App from './App.vue';
import vueCustomElement from 'vue-custom-element';
import AxGrid from './components/AxGrid.vue';

Vue.use(vueCustomElement);
Vue.config.productionTip = false

Vue.customElement('ax-grid', AxGrid);

new Vue({
  render: h => h(App),
}).$mount('#app');

1. Create ./vue.config.js . I need to create single file bundle.

module.exports = {
  outputDir: './../dist',
  css: {
    extract: false
  },
  configureWebpack: {
    output: {
      filename: 'static/js/ax-bundle-test.js'
    },
    optimization: {
      splitChunks: false,
      minimize: true
    }
  }
};

1. Run npm run build

2. Include ax-bundle-test.js to independent html page.

<script type="text/javascript" src="http://127.0.0.1:8080/static/js/ax-bundle-test.js"></script>
<h1>Web components are working! :</h1>
<ax-grid name='hohoh'></ax-grid>

Unfortunately i get error - <kbd> </kbd>

If mimize set to false everything works fine -

<kbd> </kbd>

[enf644]

I was able to solve this problem. Indeed it was not related with vue-custom-element.

I am very sorry for your time. Thank you for helping me solve this puzzle.

The problem was with python-backend that was serving the bundle.js. (Sanic) It could not detect right content-type for minified version. I forced utf-8 javascript content-type and everything started working!

@app.route('/draw_ax')
async def draw_ax(request):
    return await response.file(
        './dist/static/js/ax-bundle.js',
        headers={'Content-Type': 'application/javascript; charset=utf-8'}
    )

[karol-f]

@enf644 Glad it work, regards.