is it possible for an event to be fired on a condition defined in the parent component ? 

I have an input component where i want to capture the input.. sometimes, but most of the time i dont want the event to fire 

```
   //App.html
   <Input on:inputData="doStuff(event)" fireEvent=true />    

   //Input.html
   <input bind:value=value (fireEvent ? on:keyup='fire("inputData", { value })' : false )/>

```

What happens currently is that `fireEvent` is ignored and `on:keyup` allways fires 

**UPDATE**  

I changed the keyup into a function call where i checked the parameter before firing the event, it works but its kinda wacky 

```
//App.html
<Input on:inputData='doStuff(event.value)' fireEvent={true} />
 ...
  methods: {
  doStuff(text) {
    console.log('here is the stuff', text);
  }

//Input.html
<input bind:value=value on:keyup='setData({ value })'/>
...
methods: {
  setData(text) {
    if(this.get().fireEvent) {
      this.fire("inputData", text)
    }
  }
}

```

Anyone got a prettier solution to this problem ?