How to call component after the validation in main.qml?

Hi,

I am developing an app, which shows the products list fetch from server.

First page will be Login.qml where the user authentication is written. ListItems.qml - I had created the listview which show list of products.
In the main.qml, I am calling the login{} but the when the user is authenticated in Login.qml and I do not know how to get the value to main.qml and show the ListItems.qml.
Independently both Login.qml and ListItems.qml is working.

Code snippet:

import QtQuick 2.3
import QtQuick.Controls 1.2

ApplicationWindow {
id: appWindow
width: 800
height: 600
title: "MissionMapsV1"

Login {}

//how to implement the login is successfull, ListItems has to be shown
ListItems{}

}//ApplicationWindow

Code:

---

Login {
  id: login
 
  property bool authenticated: false
 
  onSomething: authenticated = true
}
 
ListItems {
  visible: login.authenticated
}

---