vue CLI : ページ内検索で平仮名をカタカナに変換したいです。

Question

前提・実現したいこと

アイテム名が片仮名のものをページ内を検索する際、
平仮名で検索した場合もヒットする様に片仮名へ変換したいと思っています。

下記のコードでは、
「Uncaught (in promise) TypeError: Cannot read property 'replace' of null」
というエラーで何も表示されません。
searchは文字列で、replaceは使えるかと思っているのですが
問題点をご教授いただければ幸いです。
何卒よろしくお願いいたします。

※他ページ遷移後も検索条件を残しておくため、sessionStorageを使っています。

発生している問題・エラーメッセージ

Uncaught (in promise) TypeError: Cannot read property 'replace' of null

該当のソースコード

<template>
  <input type="text" v-model="search" @change="setSessionSearch">

  <ul>   
    <li v-for="item in searchedItems" v-bind:key="item.id">       
      <p> {{ item.name }}</p>
    </li>
  </ul>  

</template>



<script>
export default{
  data(){
    let session_search = sessionStorage.getItem('search');
    return{
      search: session_search,
      items:[
        { "id": 1, "name": "アアア"},
        { "id": 2, "name": "イイイ"},
        { "id": 3, "name": "ウウウ"},
      ]
    }
  },   
  computed: {
    searchedItems:function(){
      let search = this.search.replace(/[\u3041-\u3096]/g, el =>
        String.fromCharCode(el.charCodeAt(0) + 0x60)
      )

      if(search == null){
        return this.items
      } else {
        return this.items.filter(item => {
          return item.name.indexOf(search) !== -1
        })
      }      
    }
  },
  methods: {
    setSessionSearch: function () {
      sessionStorage.setItem('search', this.search);
    }
  }
}
        
</script>

補足情報（FW/ツールのバージョンなど）

Vue CLI 3

Answer 1

下記のコードで解決しました。

<template>
  <input type="text" v-model="search" @change="setSessionSearch">

  <ul>   
    <li v-for="item in searchedItems" v-bind:key="item.id">       
      <p> {{ item.name }}</p>
    </li>
  </ul>  

</template>



<script>
export default{
  data(){
    let session_search = sessionStorage.getItem('search');
    return{
      search: session_search,
      items:[
        { "id": 1, "name": "アアア"},
        { "id": 2, "name": "イイイ"},
        { "id": 3, "name": "ウウウ"},
      ]
    }
  },   
  computed: {
    searchedItems:function(){
      let search = this.search
      if(search == null){
        return this.items
      } else {
        search = search.replace(/[\u3041-\u3096]/g, el =>
          String.fromCharCode(el.charCodeAt(0) + 0x60)
        )
        return this.items.filter(item => {
          return item.name.indexOf(search) !== -1
        })
      }      
    }
  },
  methods: {
    setSessionSearch: function () {
      sessionStorage.setItem('search', this.search);
    }
  }
}

</script>