Visual Studio Code – Angular is refreshing page on code changing

On vscode any angular code changing triggers a page refresh which reset all states from my current route getting it so frustating to develop over. I’d like to change the app without reloading entire page like vite on react

Below is my angular json:

   "architect": {
       ...
      "build": {
        ...
        "serve": {
            "options": {
                  "liveReload": true
                 },

And package.json:

  "scripts": {
    "ng": "ng",
    "start": "ng serve --live-reload",
    "build": "ng build",
    "watch": "ng build --watch --configuration development",
    "test": "ng test"
  },