Nuxtでsrc配下にpages等のフォルダを移動させ実行すると、実行自体はできるもののsrc/pages配下のindex.vueではなく、 ビルトインページが表示される。

Question

個人開発用プログラムで一部詰まっています。

問題
src配下にpages等のフォルダを移動させ実行すると、実行自体はできるもののsrc/pages配下のindex.vueではなく、
ビルトインページが表示される。

No pages directory found in C:\Source\Nuxt\NuxtApp. Using the default built-in page.  

手順

1. npx create-nuxt-app <project-name>でプロジェクト作成
2. ルートディレクトリにsrcフォルダを作成し、以下フォルダを移動する
   assets, components, layouts, pages, static, store
3. ルートディレクトリのnuxt.config.jsにsrcDir: 'src/',を設定
4. npm run devで実行→ビルトインページが表示される

詳細
基本的には3の手順でフォルダ移動が適応される認識ですが、他にも何か設定がいるのでしょうか？

「ビルトインページ」というのはアプリ作成時に自動生成される以下を指しているようです。
\\node_modules\\@nuxt\\vue-app\\template\\pages\\index.vue

上記のファイルが以下でパス設定されていました。
.nuxt/router.js

環境
Nuxt TypeScript
node.js： v16.13.2
@nuxt/cli： v2.15.8
tsc： Version 4.5.5

Answer 1

自己解決しました。
単純に記載場所をミスしていただけでした。
nuxt.config.jsのheadプロパティ内にsrcDir: 'src/'の設定を記述していただけでした。。。
正しい場所に記載し直したら、期待通りにsrc/pages/index.vueが表示されました。

正
export default {
  // Global page headers: https://go.nuxtjs.dev/config-head
  head: {
    titleTemplate: '%s - Project',
    title: 'Project',
    htmlAttrs: {
      lang: 'en',
    },
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      { hid: 'description', name: 'description', content: '' },
      { name: 'format-detection', content: 'telephone=no' },
    ],
    link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }],
  },

  srcDir: 'src/',

誤
export default {
  // Global page headers: https://go.nuxtjs.dev/config-head
  head: {
    titleTemplate: '%s - Project',
    title: 'Project',
    htmlAttrs: {
      lang: 'en',
    },
    srcDir: 'src/',
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      { hid: 'description', name: 'description', content: '' },
      { name: 'format-detection', content: 'telephone=no' },
    ],
    link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }],
  },