vue-konami

The indispensable directive for VueJS

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
vue-konami
1202.0.0a year ago6 years agoMinified + gzip package size for vue-konami in KB

Readme

vue-konami
Quality Gate Status Coverage Version Downloads License


Vue Konami Icon


The indispensable directive for VueJS

Documentation

Full documentation website can be found here.
If targeting Vue2, please read Legacy docs

Installation

npm install vue-konami --save

Usage

Simple

<div v-konami="easterEgg"></div>

<script setup>
  const easterEgg = () => {
    alert('easterEgg');
  };
</script>

Advanced

<div v-konami="easterEgg"></div>

<script setup>
  const easterEgg = {
    timeout: 500,
    chain: ['A', 'Z', 'E', 'R', 'T', 'Y'],
    callback: () => {
      alert('easterEgg');
    }
  };
</script>

Contributors

<tr>
  <td align="center">
    <a href="https://github.com/cadgerfeast">
      <img src="https://github.com/cadgerfeast.png?size=100" alt="cadgerfeast" width="100px" style="min-width: 100px">
      <br/>
      <span>cadgerfeast</span>
    </a>
  </td>
  <td align="center">
    <a href="https://github.com/Aterbonus">
      <img src="https://github.com/Aterbonus.png?size=100" alt="Aterbonus" width="100px" style="min-width: 100px">
      <br/>
      <span>Aterbonus</span>
    </a>
  </td>
</tr>

License

MIT