Emit "collapse" event on Navbar click or blur (issue #487)

[neilsmind]

We needed this for a current project so went ahead and built it.
Hope it can help the project.

<template>
  <navbar placement="top" v-on:collapse="collapse"> <!-- <------- Here's the custom event
  ...
  </navbar>
</template>

<script>
import { navbar, dropdown } from 'vue-strap';

export default {
  data: function data() {
    return {
      collapsed: true,
    };
  },
  components: {
    navbar,
    dropdown,
  },
  methods: {
    collapse() { // <-- This is the function called on the event
      this.collapsed = true;
    },
  },
};
</script>

What does it do?

• Emits collapse event on blur of navbar
• Emits collapse event on click of menu item

What else should I know?

• Based on Vue2 branch

Related Issues

• Closes Emit 'collapse' event from Navbar Component #487

cc: @wffranco @yuche @shaoxiong789