I want to implement a basic search bar for a datatable and I implemented the way the documentation recommends, but it doesn’t work. Any guesses on what I need to fix?

          <v-data-table
            class="table-border"
            dense
            disable-pagination
            :headers="headers"
            hide-default-footer
            :items="$store.state.shoes.datalist[wb]"
            :loading="$store.state.shoes.loading"
            :search="search"
            :server-items-length="$store.state.shoes.totalRows"
            @click:row="clickOnRow"
            @click:away="unselectRow"
          >
            <template #top>
              <v-text-field
                v-model="search"
                clearable
                hint="Filter the list."
                prepend-icon="mdi-filter"
                single-line
              />
            </template>
          </v-data-table>