init() {
			//create and set cart model
			const oCartModel = new LocalStorageModel("SHOPPING_CART", {
				cartEntries: {},
				savedForLaterEntries: {}
			});
			this.setModel(oCartModel, "cartProducts");

			//create and set comparison model
			const oComparisonModel = new LocalStorageModel("PRODUCT_COMPARISON", {
				category: "",
				item1: "",
				item2: ""
			});
			this.setModel(oComparisonModel, "comparison");

			// set the device model
			this.setModel(models.createDeviceModel(), "device");

			// call the base component's init function and create the App view
			UIComponent.prototype.init.apply(this, arguments);

			// initialize the router
			this.getRouter().initialize();

			// update browser title
			this.getRouter().attachTitleChanged((oEvent) => {
				const sTitle = oEvent.getParameter("title");
				document.addEventListener('DOMContentLoaded', () => {
					document.title = sTitle;
				});
			});
		}
The component is initialized by UI5 automatically during the startup of the app and calls the init method once.
In this function, the device models are set and the router is initialized.
@override