Company posts metas (#64)

* added meta infos to 'firmalar' page

* length control

* removed home meta

* mixin up to components

* removed unnecessary notfound

src/components/pages/CompanyPosts.vue

@@ -1,16 +1,19 @@
 <script>
 import { mapActions } from 'vuex';
+import image from '../../mixins/image';
 import JobListing from '../shared/JobListing';
+import companyPostsMetaInfoMixin from '../../mixins/companyPostsMetaInfo';
 
 export default {
   name: 'CompanyPosts',
+  mixins: [companyPostsMetaInfoMixin, image],
   components: {
     JobListing,
   },
   data() {
     return {
       posts: [],
-      isLoading: false,
+      isLoading: true,
     };
   },
   methods: {

src/mixins/companyPostsMetaInfo.js

@@ -0,0 +1,47 @@
+export default {
+  metaInfo() {
+    if (this.isLoading || this.posts.length === 0) {
+      return {};
+    }
+
+    const { company } = this.posts[0];
+    const companyName = company.name;
+    const defaultKeywords = ['iş ilanları, yazılım iş ilanları, bilişim iş ilanları'];
+    const description = `${companyName} firması takım arkadaşları arıyor`;
+    const ogTitle = `${companyName} iş ilanları`;
+
+    const keywords = this.posts[0].tags.map(tag => tag.name)
+      .concat(defaultKeywords)
+      .join(', ');
+
+    return {
+      title: `${companyName} firmasına ait ilanlar`,
+      meta: [
+        {
+          name: 'description',
+          content: description,
+        },
+        {
+          name: 'keywords',
+          content: keywords,
+        },
+        {
+          name: 'og:image',
+          content: company.logo,
+        },
+        {
+          name: 'og:description',
+          content: description,
+        },
+        {
+          name: 'og:title',
+          content: ogTitle,
+        },
+        {
+          name: 'og:url',
+          content: this.posts[0].post_url,
+        },
+      ],
+    };
+  },
+};