vue-highlight-wordsを使用して指定した文字列をハイライト表示する2020.02.14nuxt.jsnuxt.jsライブラリ「vue-highlight-words」をインストールすると、指定した文字列をハイライト表示することできます。ここでは、nuxt.jsでvue-highlight-wordsを利用するための手順と簡単な使い方を記述してます。下記のコマンドで構築。ここでは、nuxtappという名前でプロジェクトを作成してます。nuxtapp下記の設定で構築してます。v1.19.1外部IP許可localhostではなくプライベートIPを利用して接続して確認したいので、作成したプロジェクト配下にあるpackage.jsonに下記を追加します。"3000"}},vue-highlight-wordsインストール下記のコマンドでインストールします。vue-highlight-wordsvue-highlight-words使い方plugins配下にplugin.jsを作成し、下記の通りに編集します。Highlighter)プロジェクト配下にあるnuxt.config.jsに下記のコードを追加します。'client'}],pages配下にあるindex.vueを下記の通りに編集します。