https://github.com/disjfa/vue-minesweeper

Add a minesweeper game to your website, just for kicks!
https://github.com/disjfa/vue-minesweeper

game minesweeper vuejs vuejs-components vuejs-plugin

Last synced: about 1 month ago
JSON representation

Add a minesweeper game to your website, just for kicks!

• Host: GitHub
• URL: https://github.com/disjfa/vue-minesweeper
• Owner: disjfa
• License: mit
• Created: 2019-04-02T22:22:09.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2023-04-30T19:40:24.000Z (over 1 year ago)
• Last Synced: 2024-10-30T20:53:04.896Z (2 months ago)
• Topics: game, minesweeper, vuejs, vuejs-components, vuejs-plugin
• Language: Vue
• Homepage: https://disjfa.github.io/vue-minesweeper/
• Size: 1.75 MB
• Stars: 12
• Watchers: 2
• Forks: 2
• Open Issues: 9
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

        
# Vue minesweeper

[![version][version-badge]][package]

[![MIT License][license-badge]][LICENSE]

[![All Contributors](https://img.shields.io/badge/all_contributors-1-orange.svg?style=flat-square)](#contributors)

[![Watch on GitHub][github-watch-badge]][github-watch]

[![Star on GitHub][github-star-badge]][github-star]

[![Tweet][twitter-badge]][twitter]

> Add a minesweeper game to your website, just for kicks!

## Examples

[codepen.io](https://codepen.io/disjfa/pen/axdmob)

## Instalation

```

npm install vue-minesweeper

```

## Getting started

```javascript

import Vue from 'vue'; // Load vue

import App from './App'; // Load your app

import VueMinesweeper from 'vue-minesweeper';

Vue.use(VueMinesweeper); // Add the game

new Vue({

  render: h => h(App),

}).$mount('#app');

```

## Usage

Basic setup

```html

```

Setup your own grid and bomb.

```html

```

## Usage with the vue cdn

Copy paste this and you can get started.

```html

  

  

  

  Vue minesweeper

  

    


      

    

    

    

    

      var app = new Vue();

      app.$mount("#app");

    


```

## Contributors

Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):


disjfa
💬 📝 💻 📖 💡

This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!

[package]: https://www.npmjs.com/package/vue-minesweeper

[version-badge]: https://img.shields.io/npm/v/vue-minesweeper.svg?style=flat-square

[license]: https://github.com/disjfa/vue-minesweeper/blob/master/LICENSE

[license-badge]: https://img.shields.io/npm/l/vue-minesweeper.svg?style=flat-square

[github-watch-badge]: https://img.shields.io/github/watchers/disjfa/vue-minesweeper.svg?style=social

[github-watch]: https://github.com/disjfa/vue-minesweeper/watchers

[github-star-badge]: https://img.shields.io/github/stars/disjfa/vue-minesweeper.svg?style=social

[github-star]: https://github.com/disjfa/vue-minesweeper/stargazers

[twitter]: https://twitter.com/intent/tweet?text=Check%20out%20vue-minesweeper!%20-%20Cool%minesweeper!%20Thanks%20@disjfa%20https://github.com/disjfa/vue-minesweeper%20%F0%9F%A4%97

[twitter-badge]: https://img.shields.io/twitter/url/https/github.com/disjfa/vue-minesweeper.svg?style=social