refactor: organize frontend by feature

frontend/src/features/content/stores/contentItemsStore.js

@@ -0,0 +1,112 @@
+import { computed, ref, watch } from 'vue';
+import { defineStore } from 'pinia';
+import { useAuthStore } from '@/features/auth/stores/authStore.js';
+import { useWorkspaceStore } from '@/features/workspaces/stores/workspaceStore.js';
+import { useClient } from '@/plugins/api.js';
+
+export const useContentItemsStore = defineStore('content-items', () => {
+    const authStore = useAuthStore();
+    const workspaceStore = useWorkspaceStore();
+    const client = useClient();
+
+    const items = ref([]);
+    const isLoading = ref(false);
+    const isCreating = ref(false);
+    const error = ref(null);
+
+    const activeCount = computed(() =>
+        items.value.filter(item => item.status !== 'Approved' && item.status !== 'Published' && item.status !== 'Archived')
+            .length
+    );
+
+    async function fetchContentItems(filters = {}) {
+        if (!authStore.isAuthenticated || !workspaceStore.activeWorkspaceId) {
+            items.value = [];
+            error.value = null;
+            return;
+        }
+
+        isLoading.value = true;
+        error.value = null;
+
+        try {
+            const response = await client.get('/api/content-items', {
+                params: {
+                    workspaceId: workspaceStore.activeWorkspaceId,
+                    clientId: filters.clientId,
+                    projectId: filters.projectId,
+                },
+            });
+
+            items.value = response.data ?? [];
+        } catch (fetchError) {
+            console.error('Failed to fetch content items:', fetchError);
+            items.value = [];
+            error.value = 'Failed to load content items.';
+        } finally {
+            isLoading.value = false;
+        }
+    }
+
+    async function createContentItem(payload) {
+        if (!authStore.isAuthenticated || !workspaceStore.activeWorkspaceId) {
+            throw new Error('You must be authenticated to create a content item.');
+        }
+
+        if (isCreating.value) {
+            throw new Error('A content item creation request is already in progress.');
+        }
+
+        isCreating.value = true;
+        error.value = null;
+
+        try {
+            const response = await client.post('/api/content-items', {
+                ...payload,
+                workspaceId: workspaceStore.activeWorkspaceId,
+            });
+
+            if (response.data) {
+                items.value = [response.data, ...items.value];
+            }
+
+            return response.data;
+        } catch (createError) {
+            console.error('Failed to create content item:', createError);
+            error.value = 'Failed to create content item.';
+            throw createError;
+        } finally {
+            isCreating.value = false;
+        }
+    }
+
+    async function fetchContentItem(id) {
+        const response = await client.get(`/api/content-items/${id}`);
+        return response.data;
+    }
+
+    watch(
+        () => [authStore.isAuthenticated, workspaceStore.activeWorkspaceId],
+        async ([isAuthenticated, workspaceId]) => {
+            if (!isAuthenticated || !workspaceId) {
+                items.value = [];
+                error.value = null;
+                return;
+            }
+
+            await fetchContentItems();
+        },
+        { immediate: true }
+    );
+
+    return {
+        items,
+        isLoading,
+        isCreating,
+        error,
+        activeCount,
+        fetchContentItems,
+        fetchContentItem,
+        createContentItem,
+    };
+});