vue-nigeria-states-lgas

Vue library that lists Nigeria states and LGAs.

Usage no npm install needed!

<script type="module">
  import vueNigeriaStatesLgas from 'https://cdn.skypack.dev/vue-nigeria-states-lgas';
</script>

README

# vue-nigeria-states-lgas

NPM

npm version

Vue library that lists Nigeria states and LGAs

Installation


npm install vue-nigeria-states-lgas

Usage

In the component where you want use Nigeria states and Lgas


import StatesLgas from 'vue-nigeria-states-lgas/dist/vue-naija-states-lgas.esm.js'

Then register the component locally:


<script>
   import StatesLgas from 'vue-nigeria-states-lgas/dist/vue-naija-states-lgas.esm.js'
   

   exports default {
      ...
      
      components: { StatesLgas }
      
      ... 
   }
</script>

Listen directly to events (selected state and lga) emitted from StatesLgas component using v-on:state="getState" to get the state and v-on:lga="getLga"

On the getState and getLga methods, you now have the seleted state and lga.


<script>
   import StatesLgas from 'vue-nigeria-states-lgas/dist/vue-naija-states-lgas.esm.js'
   
   exports default {
      ...
      
      components: { StatesLgas },
      
      methods: {
          getState(state) {
              alert(state)
          },
          
          getLga(lga) {
               alert(lga)
           }
      }
      
      ... 
   }
</script>