fix(<ContentList>): respect query.path when path is missing (#1598

)

src/runtime/components/ContentList.vue

@@ -17,7 +17,7 @@ export default defineComponent({
     path: {
       type: String,
       required: false,
-      default: '/'
+      default: undefined
     },
 
     /**
@@ -44,7 +44,10 @@ export default defineComponent({
     const { path, query } = ctx
 
     // Merge local `path` props and apply `findOne` query default.
-    const contentQueryProps = Object.assign(query || {}, { path })
+    const contentQueryProps = {
+      ...query || {},
+      path: path || query?.path || '/'
+    }
 
     const emptyNode = (slot: string, data: any) => h('pre', null, JSON.stringify({ message: 'You should use slots with <ContentList>', slot, data }, null, 2))
 

test/features/components.ts

@@ -9,4 +9,11 @@ export const testComponents = () => {
       expect(index).toContain('Lorem ipsum dolor sit, amet consectetur adipisicing elit.')
     })
   })
+
+  describe('<ContentList>', () => {
+    test('custom query', async () => {
+      const index = await $fetch('/dogs-list')
+      expect(index).toContain('[Bulldog,German Shepherd]')
+    })
+  })
 }

test/fixtures/basic/pages/dogs-list.vue

@@ -0,0 +1,20 @@
+<script setup lang="ts">
+const query = {
+  path: '/dogs',
+  limit: 10,
+  where: {
+    _partial: false
+  }
+}
+</script>
+
+<template>
+  <ContentList :query="query">
+    <template #default="{ list }">
+      [{{ list.map(i => i.title).join(',') }}]
+    </template>
+    <template #not-found>
+      <p>No articles found</p>
+    </template>
+  </ContentList>
+</template>