How To trigger commands from Frontend to change the state object

startup.ts

private registerListeners() {
    appWindow.listen('config-init', event => {
      console.log('registerListeners :', event.payload, event.event)
    })
    appWindow.listen('page-loaded', event => {
      //console.log('page-loaded :', event.payload, event.event)
      appWindow.show()
    })
    appWindow.once('tauri://close-requested', this.window_close_handeler)
    appWindow.once('tauri://destroyed', this.window_close_handeler)
    appWindow.listen('tauri://resize', ({ event, payload }) => {
      console.log('resize event trigered :', payload, event)
      const { width, height } = payload as PhysicalSize
      invoke('plugin:config|change_dimension', { height: height, width: width })
    })
    appWindow.listen('tauri://move', ({ event, payload }) => {
      const { x, y } = payload as PhysicalPosition
      console.log('Move event trigered :', x, y)
    })
  }