スポンサーリンク
当サイトにはプロモーションが含まれています
※広告で得た収益はすべて利用者さんに還元しています。

自作パッケージの公開②

スポンサーリンク

suggest-redtombo

用途

このパッケージは、Nuxt 3 で検索機能を作るときに便利です。名前とふりがなを含むリスト(datalist)を渡すと、入力に応じてサジェスト(候補)が表示されます。サジェストをクリックすると、その内容が検索欄に自動的に入力されます。サジェストは名前とふりがなどちらを入力しても表示されます。

主な機能

  • 名前とふりがなどちらにも対応したサジェストの表示
  • クリックしたサジェストの自動入力

使うのに必要なパッケージ

  • bootstrap ver.5
  • nuxt ver3
  • nuxt-lodash ver2
  • @vueform/multiselect ver2

サンプルコード

suggest-redtombo - StackBlitz
for description

インストールのやり方

このパッケージは、Node.js 環境で使用することを想定しています。事前に Node.js をインストールして、npm または yarn が使用可能な状態にしてください。

以下のコマンドを使用してパッケージをインストールできます

npm を使用する場合

npm install update-button-redtombo

yarn を使用する場合

yarn add update-button-redtombo