```html
<!-- YourPage.vue -->

<template>
  <PageLayout :user="user">
    <DocumentHeader :document="document" />
    <DocumentList :documents="subdocuments" />
  </PageLayout>
</template>

<script>
import PageLayout from './PageLayout';
import DocumentHeader from './DocumentHeader';
import DocumentList from './DocumentList';
export default {
  name: 'DocumentScreen',
  components: { PageLayout, DocumentHeader, DocumentList },
  props: {
    user: {
      type: String,
      default: 'N/A',
    },
    document: {
      type: Object,
      default: () => ({
        id: 1,
        title: 'A document',
        content: 'Lorem Ipsum',
      }),
    },
    subdocuments: {
      type: Array,
      default: () => [],
    },
  },
};
</script>
```