feat: create mixin for applying initial data on posts page load

BREAKING CHANGE: Replaces URLQueryManagerMixin for now as it didnt work correctly

components/pages/posts/util/PostsStartupMixin.js

@@ -0,0 +1,22 @@
+import { mapState, mapActions } from 'vuex'
+
+export default {
+  mounted() {
+    this.setInitialPageIDAndFetch()
+  },
+
+  computed: {
+    ...mapState('booru', ['posts', 'queries']),
+  },
+
+  methods: {
+    ...mapActions('booru', ['fetchPosts', 'pidManager']),
+
+    async setInitialPageIDAndFetch() {
+      if (this.queries.pid === undefined)
+        await this.pidManager({ operation: 'reset' })
+
+      if (!this.posts.data.length) this.fetchPosts()
+    },
+  },
+}

pages/index.vue

@@ -24,9 +24,8 @@ import Post from '~/components/pages/posts/content/Post.vue'
 import Errors from '~/components/utils/Errors.vue'
 
 // Mixins
-// import URLQueryManagerMixin from '~/components/pages/dashboard/navigation/url/URLQueryManagerMixin.js'
+import PostsStartupMixin from '~/components/pages/posts/util/PostsStartupMixin.js'
 
-// Lazy loaded components
 export default {
   components: {
     Errors,
@@ -39,6 +38,7 @@ export default {
   },
 
   // mixins: [URLQueryManagerMixin], // TODO: Remake this
+  mixins: [PostsStartupMixin],
 
   computed: {
     ...mapState('booru', ['posts']),