У меня проблемы с отображением дочерних страниц с помощью Gridsome и Directus

Спасибо за прочтение!

Я пытаюсь отобразить дочерние страницы в моем проекте Gridsome Directus.

У меня есть шаблон Shop.vue в каталоге шаблонов.

Я использую @pienter/gridsome-source-directus и пробовал использовать gridsome-source-directus.

Приведенный ниже код - это то, что я добавил. Я пока не могу найти в Интернете ничего, что помогло бы решить проблему, и я не вижу ничего в документации, которая могла бы мне помочь.

Некоторые из gridsome.config.js

`module.exports = {
    templates: {
        Shop: [
            {
                path: '/shop/:id',
                component: 'templates/Shop.vue'
            }
        ]
    },
    {
        use: '@pienter/gridsome-source-directus',
        options: {
            routes: {
            shop: '/shop/:slug',
        },
    },
    }`

Error: child "path" fails because ["path" is required] at vaidateOptions (C:\wamp64\www\gridsome\node_modules\gridsome\lib\pages\validateOptions.js:20:11) at Pages._normalizeOptions (C:\wamp64\www\gridsome\node_modules\gridsome\lib\pages\pages.js:166:21) at Pages.createPage (C:\wamp64\www\gridsome\node_modules\gridsome\lib\pages\pages.js:83:26) at Object.createPage (C:\wamp64\www\gridsome\node_modules\gridsome\lib\pages\utils.js:33:20) at VueTemplates.createNodePage (C:\wamp64\www\sites\gridsome\node_modules\gridsome\lib\plugins\vue-templates\index.js:85:23) at contentType.collection.find.forEach.node (C:\wamp64\www\gridsome\node_modules\gridsome\lib\plugins\vue-templates\index.js:53:12) at Array.forEach (<anonymous>) at VueTemplates.createTemplate (C:\wamp64\www\gridsome\node_modules\gridsome\lib\plugins\vue-templates\index.js:52:35) at VueTemplates.createTemplates (C:\wamp64\www\gridsome\node_modules\gridsome\lib\plugins\vue-templates\index.js:30:12) at <anonymous> at process._tickCallback (internal/process/next_tick.js:188:7)