Nuxt.jsでfakerを使って日本語ダミー文章を生成する

公式サイト
https://fakerjs.dev

Githubはこちら
https://github.com/faker-js/faker

インスコ

npm install --save-dev @faker-js/faker

メソッド一覧(公式Githubより)

Module	Example	Output
Address	faker.address.city()	Lake Raoulfort
Animal	faker.animal.cat()	Norwegian Forest Cat
Color	faker.color.rgb()	#cdfcdc
Commerce	faker.commerce.product()	Polo t-shirt
Company	faker.company.companyName()	Zboncak and Sons
Database	faker.database.engine()	MyISAM
Datatype	faker.datatype.uuid()	7b16dd12-935e-4acc-8381-b1e457bf0176
Date	faker.date.past()	Sat Oct 20 2018 04:19:38 GMT-0700 (Pacific Daylight Time)
Finance	faker.finance.amount()	¥23400 (After setting locale)
Git	faker.git.commitMessage()	feat: add products list page
Hacker	faker.hacker.phrase()	Try to reboot the SQL bus, maybe it will bypass the virtual application!
Helpers	faker.helpers.arrayElement(['a', 'b', 'c'])	b
Image	faker.image.cats()	https://loremflickr.com/640/480/cats 
Internet	faker.internet.domainName()	muddy-neuropathologist.net
Lorem	faker.lorem.paragraph()	Porro nulla id vero perspiciatis nulla nihil. ...
Music	faker.music.genre()	R&B
Name	faker.name.firstName()	Cameron
Phone	faker.phone.phoneNumber()	[phone]
Random	faker.random.locale()	fr_CA
Science	faker.science.unit()	{ name: 'meter', symbol: 'm' }
System	faker.system.directoryPath()	/root
Vehicle	faker.vehicle.vehicle()	Lamborghini Camry
Word	faker.word.adjective()	adorable

fakerの読み込み

<script>
import { faker } from "@faker-js/faker";
export default {
  mounted() {
~~~~~~~~~省略~~~~~~~~~~~

ロケールで地域を設定する jaが日本語

 faker.locale = "ja";

computedでプロパティーに入れる

computed: {
    fake() {
      faker.locale = "ja";
      return faker.lorem.paragraph(); //文章を作成する
    },

template内で表示する

   <p>{{ fake }}</p>

実行結果

きょうかい 陳列室 陳列室. しゃこ こうおつ いちだい きょうふ くつじょく 
つうやく 気持ちいい 譜面 電源 あれる. 合う 無糖 はなはだ 病床
 この頃 そだてる 安泰 伝統 つまる. 提案する はなはだ うえる.

サーバー介さなくてもできるの便利。
以上です！簡単だね！