nrifki / vue-flags

An extremly lightweight Vue.js library of flags from all over the world. 🌍

Vue-flags

Documentation

You can browse the documentation for Vue-Flags on the website.

Installation

npm install vue-flags

# Or if you prefer using yarn
yarn add vue-flags

Vue.js

In your main.js file:

import Vue from "vue";
import VueFlags from "vue-flags";

import "vue-flags/assets/stylesheets/vue-flags.css";

Vue.use(VueFlags);

Nuxt.js

Create a new plugin in plugins/vueflags.js:

import Vue from "vue";
import VueFlags from "vue-flags";

import "vue-flags/assets/stylesheets/vue-flags.css";

Vue.use(VueFlags);

Add this new plugin to nuxt.config.js. Don't forget to set ssr to false as Vue-Flags only works in the browser for the time being.

{
  // ...
  plugins: [{ src: "@/plugins/vueflags.js", ssr: false }];
}

Who is using Vue-Flags?

Are you using Vue-Flags on one of your projects? Tweet me so we can add your logo here. 👻

Contributing

You are more than welcome to contribute to Vue-Flags. Just submit changes via pull request and I will review them before merging.

1. Fork it! 🤙

2. Create your feature branch: git checkout -b my-new-feature

3. Commit your changes: git commit -am "Add some feature"

4. Push to the branch: git push origin my-new-feature

5. Submit a pull request 👍

License

Vue Dark Mode is MIT licensed.