Ninja Parading Musically

    vue-games

    0.2.2 • Public • Published

    npm version license

    vue-games

    Different word games mades as separated components to be reused. This npm package allows you to include this components in your vue application.\

    You can check a demo online here :)

    Installation

    npm install --save vue-games

    Every component will have a default array with some words to play. Will show a play again button every time a game is ended, you can choose not showing it by sending showPlayAgain value in false. By default, language is english for some messages. Its posible to change default language (only to spanish for now).

    Hangman Game

    HangmanScreenshot

    <template>
      <hangman-game />
    </template>
     
    <script>
    import 'vue-games'
    </script> 

    Properties

    Property Type Default Value Valid Values
    words Array ['Pear', 'Apple', 'Tomatoe', 'Blackberry', 'Strawberry']
    showPlayAgain Boolean true
    lang String EN ['EN', 'ES']

    Every time a game ends this component will emit gameFinished with the current word, and a boolean value telling if the playes has won or has lost.

    Usage example:

    Lets say we are spanish speakers, so we want to change default values:

    <template>
      <hangman-game
        :words="words"
        :show-play-again="false"
        :lang="ES"
        @gameFinished="gameFinished"
      />
    </template>
    <script>
    import 'vue-games'
    export  default {
      data () {
        return {
          words: ['Pera', 'Manzana', 'Tomate', 'Cereza', 'Frutilla'],
        }
      },
     
      methods: {
        gameFinished: function (word, lose) {
          console.log('game finished!!!')
          console.log('user was guessing word:', word)
          console.log('she/he/it lost?', lose)
        }
      }
    }
    </script> 

    Crossword Game

    CrosswordScreenshot

    <template>
      <crossword-game />
    </template>
     
    <script>
    import 'vue-games'
    </script> 

    Properties

    Property Type Default Value Valid Values
    words Array [{'word': 'Coffee','description': 'Many people drink it in the morning with milk or cream.'},{'word': 'Tea','description': "British people drink it at 5 o' clock."}]
    showPlayAgain Boolean true
    lang String EN ['EN', 'ES']

    License

    This software is distributed under MIT license.

    Buy Me A Coffee

    Install

    npm i vue-games

    DownloadsWeekly Downloads

    3

    Version

    0.2.2

    License

    MIT

    Unpacked Size

    1.49 MB

    Total Files

    23

    Last publish

    Collaborators

    • josefinaestevez