Nuxt/packages/nuxt/test/__snapshots__/pages-override-meta-disabled.test.ts.snap

{
  "pushed route, skips generation from file": [
    {
      "alias": "["pushed-route-alias"].concat(mockMeta?.alias || [])",
      "component": "() => import("pages/route-file.vue")",
      "meta": "{ ...(mockMeta || {}), ...{"someMetaData":true} }",
      "name": "mockMeta?.name ?? "pushed-route"",
      "path": "mockMeta?.path ?? "/"",
      "props": "mockMeta?.props ?? false",
      "redirect": "mockMeta?.redirect",
    },
  ],
  "route without file": [
    {
      "alias": "["sweet-home"]",
      "meta": "{"hello":"world"}",
      "name": ""home"",
      "path": ""/"",
    },
  ],
  "route.meta generated from file": [
    {
      "alias": "mockMeta?.alias || []",
      "component": "() => import("pages/page-with-meta.vue")",
      "meta": "{ ...(mockMeta || {}), ...{"test":1} }",
      "name": "mockMeta?.name ?? "page-with-meta"",
      "path": "mockMeta?.path ?? "/page-with-meta"",
      "props": "mockMeta?.props ?? false",
      "redirect": "mockMeta?.redirect",
    },
  ],
  "route.meta props generate by file": [
    {
      "alias": "mockMeta?.alias || []",
      "component": "() => import("pages/page-with-props.vue")",
      "meta": "mockMeta || {}",
      "name": "mockMeta?.name ?? "page-with-props"",
      "path": "mockMeta?.path ?? "/page-with-props"",
      "props": "mockMeta?.props ?? true",
      "redirect": "mockMeta?.redirect",
    },
  ],
  "should allow pages with `:` in their path": [
    {
      "alias": "mockMeta?.alias || []",
      "component": "() => import("pages/test:name.vue")",
      "meta": "mockMeta || {}",
      "name": "mockMeta?.name ?? "test:name"",
      "path": "mockMeta?.path ?? "/test\\:name"",
      "props": "mockMeta?.props ?? false",
      "redirect": "mockMeta?.redirect",
    },
  ],
  "should correctly merge nested routes": [
    {
      "alias": "mockMeta?.alias || []",
      "children": [
        {
          "alias": "mockMeta?.alias || []",
          "children": [
            {
              "alias": "mockMeta?.alias || []",
              "component": "() => import("pages/param/index/index.vue")",
              "meta": "mockMeta || {}",
              "name": "mockMeta?.name ?? "param-index"",
              "path": "mockMeta?.path ?? """,
              "props": "mockMeta?.props ?? false",
              "redirect": "mockMeta?.redirect",
            },
            {
              "alias": "mockMeta?.alias || []",
              "component": "() => import("layer/pages/param/index/sibling.vue")",
              "meta": "mockMeta || {}",
              "name": "mockMeta?.name ?? "param-index-sibling"",
              "path": "mockMeta?.path ?? "sibling"",
              "props": "mockMeta?.props ?? false",
              "redirect": "mockMeta?.redirect",
            },
          ],
          "component": "() => import("layer/pages/param/index.vue")",
          "meta": "mockMeta || {}",
          "name": "mockMeta?.name ?? undefined",
          "path": "mockMeta?.path ?? """,
          "props": "mockMeta?.props ?? false",
          "redirect": "mockMeta?.redirect",
        },
        {
          "alias": "mockMeta?.alias || []",
          "component": "() => import("pages/param/sibling.vue")",
          "meta": "mockMeta || {}",
          "name": "mockMeta?.name ?? "param-sibling"",
          "path": "mockMeta?.path ?? "sibling"",
          "props": "mockMeta?.props ?? false",
          "redirect": "mockMeta?.redirect",
        },
      ],
      "component": "() => import("pages/param.vue")",
      "meta": "mockMeta || {}",
      "name": "mockMeta?.name ?? undefined",
      "path": "mockMeta?.path ?? "/param"",
      "props": "mockMeta?.props ?? false",
      "redirect": "mockMeta?.redirect",
    },
    {
      "alias": "mockMeta?.alias || []",
      "children": [
        {
          "alias": "mockMeta?.alias || []",
          "component": "() => import("layer/pages/wrapper-expose/other/index.vue")",
          "meta": "mockMeta || {}",
          "name": "mockMeta?.name ?? "wrapper-expose-other"",
          "path": "mockMeta?.path ?? """,
          "props": "mockMeta?.props ?? false",
          "redirect": "mockMeta?.redirect",
        },
        {
          "alias": "mockMeta?.alias || []",
          "component": "() => import("pages/wrapper-expose/other/sibling.vue")",
          "meta": "mockMeta || {}",
          "name": "mockMeta?.name ?? "wrapper-expose-other-sibling"",
          "path": "mockMeta?.path ?? "sibling"",
          "props": "mockMeta?.props ?? false",
          "redirect": "mockMeta?.redirect",
        },
      ],
      "component": "() => import("pages/wrapper-expose/other.vue")",
      "meta": "mockMeta || {}",
      "name": "mockMeta?.name ?? undefined",
      "path": "mockMeta?.path ?? "/wrapper-expose/other"",
      "props": "mockMeta?.props ?? false",
      "redirect": "mockMeta?.redirect",
    },
  ],
  "should extract serializable values and override fallback when normalized with `overrideMeta: true`": [
    {
      "alias": "["sweet-home"].concat(mockMeta?.alias || [])",
      "component": "() => import("pages/index.vue")",
      "meta": "mockMeta || {}",
      "name": "mockMeta?.name ?? "home"",
      "path": "mockMeta?.path ?? "/"",
      "props": "mockMeta?.props ?? false",
      "redirect": ""/"",
    },
  ],
  "should generate correct catch-all route": [
    {
      "alias": "mockMeta?.alias || []",
      "component": "() => import("pages/[...slug].vue")",
      "meta": "mockMeta || {}",
      "name": "mockMeta?.name ?? "slug"",
      "path": "mockMeta?.path ?? "/:slug(.*)*"",
      "props": "mockMeta?.props ?? false",
      "redirect": "mockMeta?.redirect",
    },
    {
      "alias": "mockMeta?.alias || []",
      "component": "() => import("pages/index.vue")",
      "meta": "mockMeta || {}",
      "name": "mockMeta?.name ?? "index"",
      "path": "mockMeta?.path ?? "/"",
      "props": "mockMeta?.props ?? false",
      "redirect": "mockMeta?.redirect",
    },
  ],
  "should generate correct dynamic routes": [
    {
      "alias": "mockMeta?.alias || []",
      "component": "() => import("pages/index.vue")",
      "meta": "mockMeta || {}",
      "name": "mockMeta?.name ?? "index"",
      "path": "mockMeta?.path ?? "/"",
      "props": "mockMeta?.props ?? false",
      "redirect": "mockMeta?.redirect",
    },
    {
      "alias": "mockMeta?.alias || []",
      "component": "() => import("pages/[slug].vue")",
      "meta": "mockMeta || {}",
      "name": "mockMeta?.name ?? "slug"",
      "path": "mockMeta?.path ?? "/:slug()"",
      "props": "mockMeta?.props ?? false",
      "redirect": "mockMeta?.redirect",
    },
    {
      "alias": "mockMeta?.alias || []",
      "children": [
        {
          "alias": "mockMeta?.alias || []",
          "component": "() => import("pages/[[foo]]/index.vue")",
          "meta": "mockMeta || {}",
          "name": "mockMeta?.name ?? "foo"",
          "path": "mockMeta?.path ?? """,
          "props": "mockMeta?.props ?? false",
          "redirect": "mockMeta?.redirect",
        },
      ],
      "component": "() => import("pages/[[foo]]")",
      "meta": "mockMeta || {}",
      "name": "mockMeta?.name ?? undefined",
      "path": "mockMeta?.path ?? "/:foo?"",
      "props": "mockMeta?.props ?? false",
      "redirect": "mockMeta?.redirect",
    },
    {
      "alias": "mockMeta?.alias || []",
      "component": "() => import("pages/optional/[[opt]].vue")",
      "meta": "mockMeta || {}",
      "name": "mockMeta?.name ?? "optional-opt"",
      "path": "mockMeta?.path ?? "/optional/:opt?"",
      "props": "mockMeta?.props ?? false",
      "redirect": "mockMeta?.redirect",
    },
    {
      "alias": "mockMeta?.alias || []",
      "component": "() => import("pages/optional/prefix-[[opt]].vue")",
      "meta": "mockMeta || {}",
      "name": "mockMeta?.name ?? "optional-prefix-opt"",
      "path": "mockMeta?.path ?? "/optional/prefix-:opt?"",
      "props": "mockMeta?.props ?? false",
      "redirect": "mockMeta?.redirect",
    },
    {
      "alias": "mockMeta?.alias || []",
      "component": "() => import("pages/optional/[[opt]]-postfix.vue")",
      "meta": "mockMeta || {}",
      "name": "mockMeta?.name ?? "optional-opt-postfix"",
      "path": "mockMeta?.path ?? "/optional/:opt?-postfix"",
      "props": "mockMeta?.props ?? false",
      "redirect": "mockMeta?.redirect",
    },
    {
      "alias": "mockMeta?.alias || []",
      "component": "() => import("pages/optional/prefix-[[opt]]-postfix.vue")",
      "meta": "mockMeta || {}",
      "name": "mockMeta?.name ?? "optional-prefix-opt-postfix"",
      "path": "mockMeta?.path ?? "/optional/prefix-:opt?-postfix"",
      "props": "mockMeta?.props ?? false",
      "redirect": "mockMeta?.redirect",
    },
    {
      "alias": "mockMeta?.alias || []",
      "component": "() => import("pages/[bar]/index.vue")",
      "meta": "mockMeta || {}",
      "name": "mockMeta?.name ?? "bar"",
      "path": "mockMeta?.path ?? "/:bar()"",
      "props": "mockMeta?.props ?? false",
      "redirect": "mockMeta?.redirect",
    },
    {
      "alias": "mockMeta?.alias || []",
      "component": "() => import("pages/nonopt/[slug].vue")",
      "meta": "mockMeta || {}",
      "name": "mockMeta?.name ?? "nonopt-slug"",
      "path": "mockMeta?.path ?? "/nonopt/:slug()"",
      "props": "mockMeta?.props ?? false",
      "redirect": "mockMeta?.redirect",
    },
    {
      "alias": "mockMeta?.alias || []",
      "component": "() => import("pages/opt/[[slug]].vue")",
      "meta": "mockMeta || {}",
      "name": "mockMeta?.name ?? "opt-slug"",
      "path": "mockMeta?.path ?? "/opt/:slug?"",
      "props": "mockMeta?.props ?? false",
      "redirect": "mockMeta?.redirect",
    },
    {
      "alias": "mockMeta?.alias || []",
      "component": "() => import("pages/[[sub]]/route-[slug].vue")",
      "meta": "mockMeta || {}",
      "name": "mockMeta?.name ?? "sub-route-slug"",
      "path": "mockMeta?.path ?? "/:sub?/route-:slug()"",
      "props": "mockMeta?.props ?? false",
      "redirect": "mockMeta?.redirect",
    },
  ],
  "should generate correct id for catchall (order 1)": [
    {
      "alias": "mockMeta?.alias || []",
      "component": "() => import("pages/[...stories].vue")",
      "meta": "mockMeta || {}",
      "name": "mockMeta?.name ?? "stories"",
      "path": "mockMeta?.path ?? "/:stories(.*)*"",
      "props": "mockMeta?.props ?? false",
      "redirect": "mockMeta?.redirect",
    },
    {
      "alias": "mockMeta?.alias || []",
      "component": "() => import("pages/stories/[id].vue")",
      "meta": "mockMeta || {}",
      "name": "mockMeta?.name ?? "stories-id"",
      "path": "mockMeta?.path ?? "/stories/:id()"",
      "props": "mockMeta?.props ?? false",
      "redirect": "mockMeta?.redirect",
    },
  ],
  "should generate correct id for catchall (order 2)": [
    {
      "alias": "mockMeta?.alias || []",
      "component": "() => import("pages/stories/[id].vue")",
      "meta": "mockMeta || {}",
      "name": "mockMeta?.name ?? "stories-id"",
      "path": "mockMeta?.path ?? "/stories/:id()"",
      "props": "mockMeta?.props ?? false",
      "redirect": "mockMeta?.redirect",
    },
    {
      "alias": "mockMeta?.alias || []",
      "component": "() => import("pages/[...stories].vue")",
      "meta": "mockMeta || {}",
      "name": "mockMeta?.name ?? "stories"",
      "path": "mockMeta?.path ?? "/:stories(.*)*"",
      "props": "mockMeta?.props ?? false",
      "redirect": "mockMeta?.redirect",
    },
  ],
  "should generate correct route for kebab-case file": [
    {
      "alias": "mockMeta?.alias || []",
      "component": "() => import("pages/kebab-case.vue")",
      "meta": "mockMeta || {}",
      "name": "mockMeta?.name ?? "kebab-case"",
      "path": "mockMeta?.path ?? "/kebab-case"",
      "props": "mockMeta?.props ?? false",
      "redirect": "mockMeta?.redirect",
    },
  ],
  "should generate correct route for snake_case file": [
    {
      "alias": "mockMeta?.alias || []",
      "component": "() => import("pages/snake_case.vue")",
      "meta": "mockMeta || {}",
      "name": "mockMeta?.name ?? "snake_case"",
      "path": "mockMeta?.path ?? "/snake_case"",
      "props": "mockMeta?.props ?? false",
      "redirect": "mockMeta?.redirect",
    },
  ],
  "should generate correct routes for index pages": [
    {
      "alias": "mockMeta?.alias || []",
      "component": "() => import("pages/index.vue")",
      "meta": "mockMeta || {}",
      "name": "mockMeta?.name ?? "index"",
      "path": "mockMeta?.path ?? "/"",
      "props": "mockMeta?.props ?? false",
      "redirect": "mockMeta?.redirect",
    },
    {
      "alias": "mockMeta?.alias || []",
      "component": "() => import("pages/parent/index.vue")",
      "meta": "mockMeta || {}",
      "name": "mockMeta?.name ?? "parent"",
      "path": "mockMeta?.path ?? "/parent"",
      "props": "mockMeta?.props ?? false",
      "redirect": "mockMeta?.redirect",
    },
    {
      "alias": "mockMeta?.alias || []",
      "component": "() => import("pages/parent/child/index.vue")",
      "meta": "mockMeta || {}",
      "name": "mockMeta?.name ?? "parent-child"",
      "path": "mockMeta?.path ?? "/parent/child"",
      "props": "mockMeta?.props ?? false",
      "redirect": "mockMeta?.redirect",
    },
  ],
  "should generate correct routes for parent/child": [
    {
      "alias": "mockMeta?.alias || []",
      "children": [
        {
          "alias": "mockMeta?.alias || []",
          "component": "() => import("pages/parent/child.vue")",
          "meta": "mockMeta || {}",
          "name": "mockMeta?.name ?? "parent-child"",
          "path": "mockMeta?.path ?? "child"",
          "props": "mockMeta?.props ?? false",
          "redirect": "mockMeta?.redirect",
        },
      ],
      "component": "() => import("pages/parent.vue")",
      "meta": "mockMeta || {}",
      "name": "mockMeta?.name ?? "parent"",
      "path": "mockMeta?.path ?? "/parent"",
      "props": "mockMeta?.props ?? false",
      "redirect": "mockMeta?.redirect",
    },
  ],
  "should handle route groups": [
    {
      "alias": "mockMeta?.alias || []",
      "component": "() => import("pages/(foo)/index.vue")",
      "meta": "mockMeta || {}",
      "name": "mockMeta?.name ?? "index"",
      "path": "mockMeta?.path ?? "/"",
      "props": "mockMeta?.props ?? false",
      "redirect": "mockMeta?.redirect",
    },
    {
      "alias": "mockMeta?.alias || []",
      "children": [
        {
          "alias": "mockMeta?.alias || []",
          "component": "() => import("pages/(bar)/about/index.vue")",
          "meta": "mockMeta || {}",
          "name": "mockMeta?.name ?? "about"",
          "path": "mockMeta?.path ?? """,
          "props": "mockMeta?.props ?? false",
          "redirect": "mockMeta?.redirect",
        },
      ],
      "component": "() => import("pages/(foo)/about.vue")",
      "meta": "mockMeta || {}",
      "name": "mockMeta?.name ?? undefined",
      "path": "mockMeta?.path ?? "/about"",
      "props": "mockMeta?.props ?? false",
      "redirect": "mockMeta?.redirect",
    },
  ],
  "should handle trailing slashes with index routes": [
    {
      "alias": "mockMeta?.alias || []",
      "children": [
        {
          "alias": "mockMeta?.alias || []",
          "component": "() => import("pages/index/index/all.vue")",
          "meta": "mockMeta || {}",
          "name": "mockMeta?.name ?? "index-index-all"",
          "path": "mockMeta?.path ?? "all"",
          "props": "mockMeta?.props ?? false",
          "redirect": "mockMeta?.redirect",
        },
      ],
      "component": "() => import("pages/index/index.vue")",
      "meta": "mockMeta || {}",
      "name": "mockMeta?.name ?? "index"",
      "path": "mockMeta?.path ?? "/"",
      "props": "mockMeta?.props ?? false",
      "redirect": "mockMeta?.redirect",
    },
  ],
  "should merge route.meta with meta from file": [
    {
      "alias": "mockMeta?.alias || []",
      "component": "() => import("pages/page-with-meta.vue")",
      "meta": "{ ...(mockMeta || {}), ...{"test":1} }",
      "name": "mockMeta?.name ?? "page-with-meta"",
      "path": "mockMeta?.path ?? "/page-with-meta"",
      "props": "mockMeta?.props ?? false",
      "redirect": "mockMeta?.redirect",
    },
  ],
  "should not generate colliding route names when hyphens are in file name": [
    {
      "alias": "mockMeta?.alias || []",
      "component": "() => import("pages/parent/[child].vue")",
      "meta": "mockMeta || {}",
      "name": "mockMeta?.name ?? "parent-child"",
      "path": "mockMeta?.path ?? "/parent/:child()"",
      "props": "mockMeta?.props ?? false",
      "redirect": "mockMeta?.redirect",
    },
    {
      "alias": "mockMeta?.alias || []",
      "component": "() => import("pages/parent-[child].vue")",
      "meta": "mockMeta || {}",
      "name": "mockMeta?.name ?? "parent-child"",
      "path": "mockMeta?.path ?? "/parent-:child()"",
      "props": "mockMeta?.props ?? false",
      "redirect": "mockMeta?.redirect",
    },
  ],
  "should not merge required param as a child of optional param": [
    {
      "alias": "mockMeta?.alias || []",
      "component": "() => import("pages/[[foo]].vue")",
      "meta": "mockMeta || {}",
      "name": "mockMeta?.name ?? "foo"",
      "path": "mockMeta?.path ?? "/:foo?"",
      "props": "mockMeta?.props ?? false",
      "redirect": "mockMeta?.redirect",
    },
    {
      "alias": "mockMeta?.alias || []",
      "component": "() => import("pages/[foo].vue")",
      "meta": "mockMeta || {}",
      "name": "mockMeta?.name ?? "foo"",
      "path": "mockMeta?.path ?? "/:foo()"",
      "props": "mockMeta?.props ?? false",
      "redirect": "mockMeta?.redirect",
    },
  ],
  "should only allow "_" & "." as special character for dynamic route": [
    {
      "alias": "mockMeta?.alias || []",
      "component": "() => import("pages/[a1_1a].vue")",
      "meta": "mockMeta || {}",
      "name": "mockMeta?.name ?? "a1_1a"",
      "path": "mockMeta?.path ?? "/:a1_1a()"",
      "props": "mockMeta?.props ?? false",
      "redirect": "mockMeta?.redirect",
    },
    {
      "alias": "mockMeta?.alias || []",
      "component": "() => import("pages/[b2.2b].vue")",
      "meta": "mockMeta || {}",
      "name": "mockMeta?.name ?? "b2.2b"",
      "path": "mockMeta?.path ?? "/:b2.2b()"",
      "props": "mockMeta?.props ?? false",
      "redirect": "mockMeta?.redirect",
    },
    {
      "alias": "mockMeta?.alias || []",
      "component": "() => import("pages/[b2]_[2b].vue")",
      "meta": "mockMeta || {}",
      "name": "mockMeta?.name ?? "b2_2b"",
      "path": "mockMeta?.path ?? "/:b2()_:2b()"",
      "props": "mockMeta?.props ?? false",
      "redirect": "mockMeta?.redirect",
    },
    {
      "alias": "mockMeta?.alias || []",
      "component": "() => import("pages/[[c3@3c]].vue")",
      "meta": "mockMeta || {}",
      "name": "mockMeta?.name ?? "c33c"",
      "path": "mockMeta?.path ?? "/:c33c?"",
      "props": "mockMeta?.props ?? false",
      "redirect": "mockMeta?.redirect",
    },
    {
      "alias": "mockMeta?.alias || []",
      "component": "() => import("pages/[[d4-4d]].vue")",
      "meta": "mockMeta || {}",
      "name": "mockMeta?.name ?? "d44d"",
      "path": "mockMeta?.path ?? "/:d44d?"",
      "props": "mockMeta?.props ?? false",
      "redirect": "mockMeta?.redirect",
    },
  ],
  "should properly override route name if definePageMeta name override is defined.": [
    {
      "alias": "mockMeta?.alias || []",
      "component": "() => import("pages/index.vue")",
      "meta": "mockMeta || {}",
      "name": "mockMeta?.name ?? "home"",
      "path": "mockMeta?.path ?? "/"",
      "props": "mockMeta?.props ?? false",
      "redirect": "mockMeta?.redirect",
    },
  ],
  "should use fallbacks when normalized with `overrideMeta: true`": [
    {
      "alias": "mockMeta?.alias || []",
      "component": "() => import("pages/index.vue")",
      "meta": "mockMeta || {}",
      "name": "mockMeta?.name ?? "index"",
      "path": "mockMeta?.path ?? "/"",
      "props": "mockMeta?.props ?? false",
      "redirect": "mockMeta?.redirect",
    },
  ],
}