app:
  html: 💉./views/app.html
home:
  components:
    - link: http://localhost:9000/components/hamburger.client.module.js
      selector: hamburger-component
  query: |
    query {
      findUser {
        name
        email
        phone
        user {
          name
        }
      }
      status {
        status
      }
    }
  output: UserPayload
  html: 💉./views/home.html


about:
  query: |
    query findUser {
      findUser {
        name
        email
        phone
        user {
          name
        }
        arrayOfStrings
      }
      views {
        registrator
        patient
        doctor
      }
      status {
        status
      }
    }
  # rendering: server
  policy: network-only
  html: 💉./views/about.html

aboutwithloading:
  components:
    - link: http://localhost:9000/components/hamburger.client.module.js
      selector: hamburger-component
    - link: http://localhost:9000/components/hamburger.client.module.js
      selector: hamburger-component
  query: |
    query findUser {
      findUser {
        name
      }
      status {
        status
      }
    }
  lhtml: <loading-screen-component></loading-screen-component>
  html: |
    <div *if="status">{status.status}</div>
    <div *if="findUser.name">{findUser.name}</div>

not-found:
  html: 💉./views/not-found.html