Same style gets applied when two components have the same name

Hey all! First off great work with the addon. 👍

I’m using ember-component-css together with ember-engines, where both the consuming application and the consumed engine have a component of the same name (let’s say it’s called test-component). So as mentioned in #46, I place my addon styles inside the addon’s app directory:

// inside consuming application (aka parent app)
app/
  components/
    test-component/
      component.js
      styles.scss
      template.hbs

// inside consumed engine (aka in repo engine)
lib/
  test-engine/
    addon/
      components/
        test-component/
          component.js
          template.hbs
    app/
      components/
        hello-world/
          styles.scss

However, it seems like ember-component-css generates the same class name for both components (the test-component in my app, and the test-component in my addon). In this case, it seems like the app’s test-component style takes precedence, and the addon’s test-component style is omitted from the output CSS.

I can namespace my addon components for now by placing them in a directory, but would it be possible for ember-component-css to output two distinct class names in this case? I would love to look into this but my Broccoli-foo is lacking. D:

[perlun]

Cool @mriska, then I think this issue could be closed. @nucleartide, can you do it?

[webark]

thanks!! sorry for being kind of MIA on this one recently.