bg | Non-blocking ActiveRecord method invocation | Job Scheduling library

I'm learning Vue 3 with Vuex 4 and I'm stucked with something that I'm pretty sure it's simple but I can't see.

In few words, i'm trying to set some data in state to have it available to use it in my components but it isn't working.

Let me show you the code:

/// store.js

this is my qframe object

Created a server.js which indicates to index.html file.(server.js and index.html locates on the same folder). In that html I couldn't use any styling from external css file or any assests from local storage. But inline css & images from internet is working fine.

server.js

I am trying to make a popup for messages such as "Action completed" and I want a button on it to close the popup (A simple OK which quits only the popup). It also sometimes moves behind the window which is annoying. I have some code for the button but it has an issue with the geometry of the shape since the shape isn't exactly defined as it is variable through the size of font and text length.

So I am having problems storing my picture of the user in the specified directory. The image is already in the database but when I call the data it does not show anything. How do I store it in the public folder and the database here is my lines of code:

RegisterController.php

I'm Doing the tutorial (https://www.youtube.com/watch?v=dam0GPOAvVI&t=2412s) it was working nicely since there was a problem I don't what.When I run the main.py

I am working on e-commerce app using ejs template and nodejs as backend . In that I have admin role for administrative work . I create Bootstrap modal for update the order status . But I am able to only update the first order , if I try to any other order only first order gets update . Can anyone please help me to sort out this problem .

allOrders.ejs (list of orders & modal)

I have a navbar and sidebar component in my nextjs app. In my index component I'm using useState to show and hide sidebar on mobile device.
It works perfectly fine but I want to add animation when user clicks on hamburger menu, the sidebar should be animated left to right and when clicked on close icon it should go back to right to left. FYI I am using tailwind css.

Here's the code:
indexjs file:

when the page load for the first time with API request it errors out. but after page load if I put the same code back it works fine. Can someone please help what am I missing here. Or show me the trick to delay the page loading until data loads from api