Nuxt3でYAMLファイルを読み込む

Nuxt3でYAMLを読み込む方法です。

Nuxt2では js-yaml-loader を使っていて、 nuxt.config.js に以下のようなものを追加していました。

export default {
  ...
  build: {
    extend($config) {
      $config.module.rules.push({
        test: /locales(\\|\/).*\.ya?ml$/,
        use: 'js-yaml-loader',
      });
    }
  },
  ...
}

Nuxt3ではこれが使えず、 @modyfi/vite-plugin-yaml に変えた上で、以下のように書く必要がありました。

import ViteYaml from '@modyfi/vite-plugin-yaml'
export default defineNuxtConfig({
  ...
  vite: {
    plugins: [
      ViteYaml()
    ],
  },
  ...
}

ウェブフロントエンドの移り変りについていけない・・・。