2.0.8 vue-template-compiler breaks scoped css

[tonypee]

When using vue-class-component library with vue-router in 2.0.8, dom elements are not being id'd and therefore the 'scoped' css is broken.

To replicate, simply install VueRouter in a test project that exports using the js like:

// hello.vue
...
<script>
import Component from 'vue-class-component'

@Component export default class Login {
  name = 'hello'
  msg = 'Welcome to Your Vue.js App'
}
</script>
...

// app.js
import Vue from 'vue'
import App from './App'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

/* eslint-disable no-new */
new Vue({
  el: '#app',
  template: '<App/>',
  components: { App }
})

"vue": "^2.0.8",
"vue-class-component": "^4.3.1",
"vue-router": "^2.0.3"

I also find it impossible to roll back vue (i want to roll back to 2.0.7) because the vue-loader library which is a dependancy of vue has a subdependancy of vue-template-compiler@^2.0.5 which will then just install the latest, and throw a version mismatch error. It would be nice to be able to lock to an older version

[LinusBorg]

If this only happens with vue-class-component, please open an issue in that repo.

Also, please follow the guidelines on how to report an issue. In particular, provide an example on www.jsfiddle.net (or a similar service) that reproduces the problem. If nessessary, create a repository for us to clone, with a minimal reproduction. repositories of actual projects will generally not be accepted .

Thank you.

[tonypee]

the issue is with view-template-compiler tho, so i moved the bug here, it is also 'caused' by vue-router being present too. Obv. i can move it if you want tho

[tonypee]

Here is an example repo

https://github.com/tonypee/vue-issue-4266

[yyx990803]

Haven't looked into the details but I suspect it may have to do with vue-class-component not handling _scopeId properly. I don't see anything between 2.0.7 and 2.0.8 that could cause this problem. /cc @ktsn

[ktsn]

I'll look into it.