hide projects too

app/pages/projects/[...slug].vue

@@ -10,6 +10,7 @@ import {
     isExternalHref,
     projectEntryHref,
     projectOgImage,
+    sortProjects,
 } from '~/utils/projects';
 
 const route = useRoute();
@@ -30,7 +31,7 @@ const folderName = computed(
 const { data } = await useAsyncData(
     () => `projects:${route.path}`,
     async () => {
-        const all = await queryCollection('projects').order('title', 'ASC').all();
+        const all = await queryCollection('projects').all();
         const visible = all.filter((page) => import.meta.dev || !page.hidden);
         const project = visible.find(
             (page) =>
@@ -44,7 +45,9 @@ const { data } = await useAsyncData(
         const prefix = contentPath.value.endsWith('/')
             ? contentPath.value
             : `${contentPath.value}/`;
-        const pages = visible.filter((page) => page.path.startsWith(prefix));
+        const pages = sortProjects(
+            visible.filter((page) => page.path.startsWith(prefix)),
+        );
 
         if (!pages.length) return null;
         return { kind: 'folder' as const, project: null, pages };

app/pages/projects/index.vue

@@ -6,11 +6,16 @@ import {
     personId,
     websiteId,
 } from '~/utils/site';
-import { isExternalHref, projectEntryHref } from '~/utils/projects';
+import {
+    isExternalHref,
+    projectEntryHref,
+    sortProjects,
+} from '~/utils/projects';
 
 const { data: pages } = await useAsyncData('project-pages', async () => {
-    const all = await queryCollection('projects').order('title', 'ASC').all();
-    return import.meta.dev ? all : all.filter((page) => !page.hidden);
+    const all = await queryCollection('projects').all();
+    const visible = all.filter((page) => !page.hidden);
+    return sortProjects(visible);
 });
 
 const projectsUrl = `${SITE_URL}/projects`;