plan for ssg

packages/nuxt/pages/blog/_page.vue

@@ -0,0 +1,26 @@
+<template>
+  <post-query :posts="posts" :count="count" />
+</template>
+
+<script lang="ts">
+import { Vue, Component } from 'nuxt-property-decorator'
+
+@Component<BlogPagePaged>({
+  async asyncData({ $axios, params }) {
+    const { result, count } = await $axios.$get('/api/q', {
+      params: {
+        page: params.page,
+      },
+    })
+
+    return {
+      posts: result,
+      count,
+    }
+  },
+})
+export default class BlogPagePaged extends Vue {
+  posts: IPostTeaser[] = []
+  count = 0
+}
+</script>

packages/nuxt/pages/blog/index.vue

@@ -0,0 +1,22 @@
+<template>
+  <post-query :posts="posts" :count="count" />
+</template>
+
+<script lang="ts">
+import { Vue, Component } from 'nuxt-property-decorator'
+
+@Component<BlogPage>({
+  async asyncData({ $axios }) {
+    const { result, count } = await $axios.$get('/api/q')
+
+    return {
+      posts: result,
+      count,
+    }
+  },
+})
+export default class BlogPage extends Vue {
+  posts: IPostTeaser[] = []
+  count = 0
+}
+</script>