Throughout the development process, we implemented a component that would iterate through each index.md file within a folder based on the list this.$site.pages.path. However, after upgrading to version 1.0.0-alpha.39 in order to address some other issues we encountered, the component ceased to function.
Here is the code for the component:
<template>
<div>
<Content v-for="page in changelogPages" :key="page.key" :pageKey="page.key"/>
</div>
</template>
<script>
import _ from "lodash"
export default {
computed: {
changelogPages: function () {
let pages = this.$site.pages
.filter(pages => pages.path.startsWith("/docs/change-log/2"))
return _.orderBy(pages, 'path').reverse()
}
},
data: function () {
return {}
}
}
</script>
This has resulted in the following errors. https://i.sstatic.net/hJT02.png
Upon inspecting the Vue plugin for chrome, it can be seen that the page.key is present.
https://i.sstatic.net/DEJ4m.png
Within the page, I am simply using <ChangeLogList /> which calls upon the above global-component.
AS AN FYI: The VuePress ecosystem does not require me to register markdown files, so the typical answer of "did you register your component" is not applicable.
Reference Links in repoGlobal Component : https://github.com/okta/okta.github.io/blob/VuePress/packages/%40okta/vuepress-theme-default/global-components/ChangeLogList.vue
Component invoking ChangeLogList:https://github.com/okta/okta.github.io/blob/VuePress/packages/%40okta/vuepress-theme-default/components/ChangeLog.vue
Page that is using ChangeLog (View Raw): https://github.com/okta/okta.github.io/blob/VuePress/packages/%40okta/vuepress-site/docs/change-log/index.md
Submitted an issue at Github as well, however, no responses have been received yet.