remove pug

packages/nuxt/pages/blog.vue

@@ -0,0 +1,30 @@
+<template>
+  <p v-if="$fetchState.pending"></p>
+  <p v-else-if="$fetchState.error">
+    An error occurred {{ $fetchState.error.message }}
+  </p>
+  <p v-else-if="!posts.length">No posts found.</p>
+  <post-query v-else :posts="posts" :count="count" />
+</template>
+
+<script lang="ts">
+import { Vue, Component } from 'nuxt-property-decorator'
+
+@Component<BlogPage>({
+  async fetch() {
+    const { result, count } = await this.$axios.$get('/api/q', {
+      params: {
+        q: this.$route.query.q,
+        page: this.$route.query.page,
+      },
+    })
+
+    this.posts = result
+    this.count = count
+  },
+})
+export default class BlogPage extends Vue {
+  posts: IPostTeaser[] = []
+  count = 0
+}
+</script>