Fuzzysearch giving no results on Framework7 app

I have a query which returns all my categories and then data-view in order to use fuzzysearch with a search input field.

The page my search field is on is a subpage which loads via router componant into the main-page.

On the sub page I have a input field called fuzzyfilter.

All my other app connect code is on the index page.

As soon as I add the following fuzzysearch option to the data view I get no results on page. Data loads perfectly though.

<dmx-data-view id="data_view_categories" dmx-bind:data="serverconnect_categories.data.query_categories" filter="name.lowercase().fuzzySearch(fuzzyfilter.value.lowercase())"></dmx-data-view>

this is my search page code:

<div class="page">
  <div class="navbar">
    <div class="navbar-inner sliding">
      <div class="left">
       <a href="#" class="panel-open">
        <i class="icon-hamburger"></i>
        </a>
      </div>
      <div class="title">Search</div>
      <div class="right">
        <a href="/cart/" class="link" onclick="$(&quot;.toolbar a&quot;).parent().find('a').removeClass(&quot;active&quot;);">
          <i class="icon-cart"></i>
        </a>
         <a href="/notifications/" class="link" onclick="$(&quot;.toolbar a&quot;).parent().find('a').removeClass(&quot;active&quot;);">
          <i class="icon-notifications"></i>
        </a>
      </div>
      <!-- Subnavbar -->
      <div class="subnavbar">
        <div class="subnavbar-inner" style="padding: 0px;">
          <!-- Subnavbar content, for example tabs buttons -->
           <div class="searchbar">
  <div class="searchbar-inner">
    <div class="searchbar-input-wrap">
      <input type="search" placeholder="Search" id="fuzzyfilter" name="fuzzyfilter">
      <i class="searchbar-icon"></i>
      <span class="input-clear-button"></span>
    </div>
    <span class="searchbar-disable-button">Cancel</span>
  </div>
</div>
        </div>
      </div>
    </div>
  </div>
  
  <div class="page-content">
    <div class="card search-card-header-pic" dmx-repeat:repeat_categories="data_view_categories.data">
      <div class="card-header align-items-flex-end" dmx-style:background-image="'url(&quot;assets/img/categories/' + image + '&quot;)'"><div class="card-overlay"></div><span>{{name}}</span></div>
</div>
    
  </div>
</div>

Any ideas or suggestions? Or maybe I added it incorrectly.