Vue minesweeper

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

Examples

View on js.org

Installation

npm install vue-minesweeper

Getting started

Add as plugin

import { createApp } from 'vue'; // Load Vue
import App from './App.vue'; // Load your app
import VueMinesweeper from 'vue-minesweeper';

createApp(App)
  .use(VueMinesweeper) // Add the game plugin
  .mount('#app');

Importing the styles

@import 'vue-minesweeper/style.css';

Development (Vite)

npm run dev
npm run lint
npm run test
npm run build
npm run build:demo
npm run preview

Usage

Basic setup

<minesweeper-game></minesweeper-game>

Setup your own grid and bomb.

<minesweeper-game :rows="16" :cols="30" :bombs="99"></minesweeper-game>

Contributors

Thanks goes to these wonderful people (emoji key):

disjfa 💬 📝 💻 📖 💡

This project follows the all-contributors specification. Contributions of any kind welcome!