Skip to content

ddgll/vue-easteregg

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

vue-easteregg

ADD an easter egg to your vue app ;)

<template>
  <div id="app">
    {{ title }}
    <easteregg @easter="test" :eggs="eggs" duration="5000">EASTER EGG</easteregg>
  </div>
</template>

<script>
import easteregg from '../src/easteregg.vue'

export default {
  name: 'app',
  data () {
    return {
      title: 'vue-easteregg',
      eggs: [ 
        'easter',
        [ 'ArrowUp', 'ArrowDown' ]
      ]
    }
  },
  components: { easteregg },
  methods: {
    test () {
      if (this.title === 'vue-easteregg') {
        this.title = 'EASTER EGGGG !!!!'
      } else if (this.title === 'EASTER EGGGG !!!!') {
        this.title = 'AGAIN ??'
      } else {
        this.title = 'vue-easteregg'
      }
    }
  }
}
</script>

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Packages

No packages published