rewrite KloosterList.vue

[peer35]

As KerkenList.vue.

• Directly access original source:

    getFeaturesFromMap: function () {
      //return this.map.getLayerByLid('kerken').getSource().getFeatures();
      return this.map.getLayerByLid('kerken').getSource().getSource().getFeatures();
    },

• Searchable and paginated table

        <b-input-group>
          <b-form-input
              v-model="keyword"
              placeholder="zoek"
              type="text"
          >
          </b-form-input>
        </b-input-group>
        <b-pagination
            v-model="currentPage"
            :total-rows="rows"
            :per-page="perPage"
            aria-controls="list-table"
        ></b-pagination>
        <b-table
            id="list-table"
            :items="filtered_items"
            :fields="fields"
            :per-page="perPage"
            :current-page="currentPage"
            selectable
            @row-clicked="selectKerk"
            small
        ></b-table>