         >
           <span
             v-if="filter == 'show_opened'"
-            translate="group_page.open_discussions"
+            v-t="{ path: 'group_page.open_discussions' }"
           ></span>
           <span
             v-if="filter == 'show_closed'"
-            translate="group_page.closed_discussions"
+            v-t="{ path: 'group_page.closed_discussions' }"
           ></span>
         </h3>
         <div
-          :class="{'discussions-card__search--open': searchOpen}"
-          class="discussions-card__search md-block md-no-errors"
+          v-if="searchOpen"
+          class="discussions-card__search discussions-card__search--open md-block md-no-errors"
         >
           <i
             @click="closeSearch"
-            v-if="searchOpen"
             class="mdi mdi-close md-button--tiny lmo-pointer"
           ></i>
           <input
             v-model="fragment"
             :placeholder="$t('group_page.search_threads')"
-            @change="searchThreads"
-            <!-- v-model-options="{debounce: 250}" -->
+            @input="searchThreads"
           >
         </div>
         <button

        group_id: @group.id
        filter:   @filter
    searchOpen: false
    fragment: null
  methods:
    searchThreads: -> # should this be computed? async work
      return Promise.resolve(true) unless @fragment
      Records.discussions.search(@group.key, @fragment, per: 10).then (data) ->
        @searched = ThreadQueryService.queryFor
          name: "group_#{@group.key}_searched"
          group: @group
          ids: _.map(data.discussions, 'id')
          overwrite: true
    startDiscussion: ->
      ModalService.open 'DiscussionStartModal', discussion: -> Records.discussions.build(groupId: @group.id)
    openSearch: ->
      @searchOpen = true
      $timeout -> document.querySelector('.discussions-card__search input').focus()
    closeSearch: ->
      @fragment = null
      @searchOpen = false

  computed:
    loading: ->
      @loader.loadingFirst || @searchThreadsExecuting
    isEmpty: ->
      return if @loading
      if @fragment
        !@searched || !@searched.any()
      else
        !@discussions.any() && !@pinned.any()
    canViewPrivateContent: ->

            ></loading>
        </div>
        <div
          v-if="!_.isEmpty(fragment)"
          class="discussions-card__list"
        >
          <section
            v-if="!_.isEmpty(searched) && searched.any()"
            class="thread-preview-collection__container"
          >
            <thread-preview-collection
