sharing mixin (globally)

[k33g]

I define a mixin. I want it to be shared between my components

riot.mixin("hello",{sayHello: function() {return "Hello World!";}})
riot.mount("hello-world");

and my component is like that:

<hello-world>
  <h1>{message}</h1>
  <script>
    this.on("mount", function() {
      this.message = this.mixin("hello").sayHello();
      this.update();
    }.bind(this))
  </script>
</hello-world>

then I get this error: Uncaught TypeError: Cannot read property 'sayHello' of undefined

if I change this.mixin("hello").sayHello(); by riot.mixin("hello").sayHello(); like that, then all is all right

<hello-world>
  <h1>{message}</h1>
  <script>
    this.on("mount", function() {
      this.message = riot.mixin("hello").sayHello();
      this.update();
    }.bind(this))
  </script>
</hello-world>

see the PR proposal #877 : #877

[cognitom]

riot.mixin("hello").sayHello() doesn't make sense. Try this.

<hello-world>
  <h1>{message}</h1>
  <script>
    this.mixin("hello")
    this.on("mount", function() {
      this.message = this.sayHello();
      this.update();
    }.bind(this))
  </script>
</hello-world>

But this seems still something weird. See the example below. It works as the same.

riot.mixin('hello', {
  message: "Hello World!"
})

<hello-world>
  <h1>{ message }</h1>
  <script>
    this.mixin('hello')
  </script>
</hello-world>

[k33g]

@cognitom oups! OK, I understood :) Thank you very much for you patience