How secure is Vue

[karchung0930]

I'm implementing my own log in logic but I'm concern of the security of Vue.
I'm calling an external API to verify the credential and then update the status by storing a reactive variable (boolean).
Is it possible to someone to:

• Read all of the functions from the component/page on front end
• Calling a function from the component on front end
• Change the value of the reactive variable on front end

[mJeromeDiaz]

All JavaScript code, including Vue.js components, is sent to the client's browser and can be inspected using browser developer tools.

Users can invoke functions defined in your Vue.js components by manipulating the DOM or using the browser console.

Authentication should rely on the API, the backend.
The API builds you a token (jwt) that is used in all requests and the API checks that the jwt has not been tampered with before returning the response.
You should not store any important information in the frontend.
But you should call the API to retrieve its important information and the API should check that you have the access rights.