Skip to content

Conversation

@akanix42
Copy link
Contributor

The default variable name (unchanged) is $style. Now, the user can control this, and even have separate modules, by setting the value of the module attribute (copying the code example from the updated documentation):

<style module="foo">
  .color {
    color: orange;
  }
</style>
<style module="bar">
  .color {
    color: purple;
  }
</style>

<template>
  <div :class="foo.color">Foo Text</div>
  <div :class="bar.color">Bar Text</div>
</template>

I think that's the last step to put this on par with vue-loader's CSS modules capability.

@Akryum
Copy link
Collaborator

Akryum commented Mar 21, 2017

Awesome! 😄

@Akryum Akryum merged commit 56942b9 into meteor-vue:master Mar 21, 2017
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.

2 participants