# vue-nigeria-states-lgas

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>