Why do i keep getting this error ,i am using a storybook in vuejs

// methods
      loadmore() {
      this.$emit("loadmore");
    },

//      <form-input
        data-test="typeaheadInput"
        ref="formInput"
        v-bind="$attrs"
        :autocomplete="$attrs.autocomplete || 'off'"
        :value="searchCriteria"
        :aria-expanded="showDropdown"
        :errorMessage="getErrorMessage()"
        :label="labels.label"
        :labelSrOnly="labelSrOnly"
        :showClearBtn="!loadingInProgress"
        :showLoadmore="showloadmore"
        :optionalLabel="labels.optionalLabel"
        :icon="icon"
        :placeholder="labels.placeholder"
        @loadmore="loadmore()"





//error :

warn @ vendors~main~._node_modules_v.1a18320647135934e954.bundle.js:9871
vendors~main~._node_modules_v.1a18320647135934e954.bundle.js:9871 [Vue warn]: Invalid handler for event "loadmore": got undefined

found in

---> <Typeahead> at packages/vue-typeahead/src/components/typeahead.vue
       <Anonymous>
         <Root>

The code provided is currently not properly formatted for this forum. In its current state it’s illegible which makes it hard for people to help you.

Please read the following guide about how to properly format code and then edit your topic accordingly.

Thanks!

i have updated it using syntax highlighting