removed projectlistitem

src/components/ProjectListItem.vue

@@ -1,68 +0,0 @@
-<template>
-  <div class="flex flex-post px-0 sm:px-4 pb-8 mb-8" v-bind:class="{'no-border': !border}">
-    <g-link :to="record.path" class="post-card-image-link">
-      <g-image :src="record.image" :alt="record.title" class="post-card-image"></g-image>
-    </g-link>
-    <div class="post-card-content">
-      <g-link :to="record.path">
-        <h2 class="post-card-title mt-3">{{ record.title }}</h2>
-        <p class="post-card-excerpt">{{ record.excerpt }}</p>
-      </g-link>
-      <div class="w-full post-card-meta pt-4">
-        <div class="avatars">
-          <div class="flex items-center">
-            <div class="flex justify-between items-center">
-              <ul class="list-none flex author-list m-0">
-                <li v-for="author in record.author" :key="author.id" class="author-list-item">
-                  <g-link :to="author.path" v-tooltip="author.name">
-                    <g-image
-                      :src="author.image"
-                      :alt="author.name"
-                      class="w-8 h-8 rounded-full bg-gray-200 border-2 border-white"
-                    />
-                  </g-link>
-                </li>
-              </ul>
-            </div>
-            <div class="ml-3 pl-3 border-l flex flex-col text-xs leading-none uppercase">
-              <p>
-                <g-link :to="record.path">
-                  <time :datetime="record.datetime">{{ record.humanTime }}</time>
-                </g-link>
-              </p>
-             
-            </div>
-            <div class="ml-3 pl-3 border-l flex flex-col text-xs leading-none uppercase">
-              <p>
-                {{record.status}}
-              </p>
-             
-            </div>
-            
-          </div>
-          
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  props: {
-    record: {},
-    border: {
-      type: Boolean,
-      default: true,
-    },
-  },
-};
-</script>
-
-<style scoped>
-@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");
-.post-card-excerpt {
-  font-family: "Roboto", sans-serif;
-  line-height: 1.2;
-}
-</style>

src/pages/Projects.vue

@@ -2,7 +2,7 @@
   <Layout>
     <div class="container sm:pxi-0 mx-auto overflow-x-hidden">
       <div class="flex flex-wrap with-large pt-8 pb-8 mx-4 sm:-mx-4">
-        <ProjectListItem v-for="edge in $page.entries.edges" :key="edge.node.id" :record="edge.node" />
+        <PostListItem v-for="edge in $page.entries.edges" :key="edge.node.id" :record="edge.node" />
       </div>
     </div>
   </Layout>
@@ -46,14 +46,14 @@ query($page:Int) {
 
 <script>
 
-import ProjectListItem from '~/components/ProjectListItem.vue';
+import PostListItem from '~/components/PostListItem.vue';
 
 export default {
   metaInfo: {
     title: "Hello, world!"
   },
   components: {
-    ProjectListItem
+    PostListItem
   }
 };
 </script>

src/templates/Project.vue

@@ -36,7 +36,7 @@
       <div class="pt-8 border-b mx-4 sm:-mx-4"></div>
       
       <div class="flex flex-wrap pt-8 pb-8 mx-4 sm:-mx-4">
-        <ProjectListItem
+        <PostListItem
           v-for="edge in $page.project.belongsTo.edges"
           :key="edge.node.id"
           :record="edge.node"
@@ -112,13 +112,13 @@
 </page-query>
 
 <script>
-import ProjectListItem from "~/components/ProjectListItem.vue";
+import PostListItem from "~/components/PostListItem.vue";
 import Pagination from "~/components/Pagination.vue";
 
 export default {
   components: {
     Pagination,
-    ProjectListItem
+    PostListItem
   },
   computed: {
     postLabel: function() {