Query page data at build time in themes

[egoist]

If you want to display the data for page /about on page /:

index.vue:

<script>
import { queryPage } from 'peco/macro'

const page = queryPage`/about`

export default {
    data() {
        return {
            page
        }
    }
}
</script>

This can be implemented via webpack-loader + babel plugin:

import { queryPage } from 'peco/macro'

const page = queryPage`/about`

is transformed to:

const page = require('peco-query-loader?type=queryPage&value=/about')