Removed views in favor of PostGraphile filter and sort plugins. Updated site modules to GraphQL. Added tag posters.

assets/components/tags/tags.vue

@@ -1,5 +1,15 @@
 <template>
     <div class="tags">
+        <h3>Oral Sex</h3>
+
+        <div class="tiles">
+            <Tag
+                v-for="tag in tags.oral"
+                :key="`tag-${tag.id}`"
+                :tag="tag"
+            />
+        </div>
+
         <h3>Ethnicity</h3>
 
         <div class="tiles">
@@ -39,6 +49,16 @@
                 :tag="tag"
             />
         </div>
+
+        <h3>Misc</h3>
+
+        <div class="tiles">
+            <Tag
+                v-for="tag in tags.misc.concat(tags.body)"
+                :key="`tag-${tag.id}`"
+                :tag="tag"
+            />
+        </div>
     </div>
 </template>
 
@@ -50,40 +70,52 @@ async function mounted() {
         slugs: [
             'airtight',
             'anal',
+            'anal-creampie',
+            'asian',
+            'ass-eating',
+            'ass-to-mouth',
+            'blowbang',
+            'blowjob',
+            'bukkake',
+            'caucasian',
+            'creampie',
+            'da-tp',
+            'deepthroat',
             'double-anal',
+            'double-blowjob',
             'double-penetration',
             'double-vaginal',
-            'da-tp',
             'dv-tp',
-            'triple-anal',
-            'blowbang',
-            'gangbang',
-            'mff',
-            'mfm',
-            'orgy',
-            'asian',
-            'caucasian',
             'ebony',
+            'facefuck',
+            'facial',
+            'gangbang',
+            'gapes',
             'interracial',
             'latina',
-            'anal-creampie',
-            'bukkake',
-            'creampie',
-            'facial',
+            'mff',
+            'mfm',
             'oral-creampie',
+            'orgy',
+            'pussy-eating',
             'swallowing',
+            'tattoo',
+            'trainbang',
+            'triple-anal',
         ],
     });
 
-    console.log(tags);
-
     this.tags = tags.reduce((acc, tag) => {
+        if (!tag.group) {
+            return { ...acc, misc: [...acc.misc, tag] };
+        }
+
         if (acc[tag.group.slug]) {
             return { ...acc, [tag.group.slug]: [...acc[tag.group.slug], tag] };
         }
 
         return { ...acc, [tag.group.slug]: [tag] };
-    }, {});
+    }, { misc: [] });
 }
 
 export default {