How to run Vue on port 5173 when using Laravel? – This is the Vite development server that provides Hot Module Replacement

I am learing Laravel, and following a fullstack tutorial. The application is Laravel+Vue.

When I started Laravel on port 8000 with php artisan serve it opened as it should. Then I created Vue app inside src folder. It should be started with command npm run dev on port 5173. When I open it, I don’t see default Vue starting page:

I only see this:

How can I start the right server on right port to make frontend of my app?

This is my App.vue:

import HelloWorld from "./components/HelloWorld.vue";
import { mapState } from "vuex";

export default {
    components: { HelloWorld },
    computed: { ...mapState(["user"]) },
};
</script>

<template>
    <div>
        <h2>Bok</h2>
        <pre>{{ user }}</pre>
    </div>
    <HelloWorld msg="Vite + Vue" />
</template>

<style scoped>
.logo {
    height: 6em;
    padding: 1.5em;
    will-change: filter;
    transition: filter 300ms;
}
.logo:hover {
    filter: drop-shadow(0 0 2em #646cffaa);
}
.logo.vue:hover {
    filter: drop-shadow(0 0 2em #42b883aa);
}
</style>

And this is my index.js:

const { createStore } = require("vuex");

const store = createStore({
  state: { user: { data: { name: "Zura" }, token: null } },
  getters: {},
  actions: {},
  mutations: {},
  modules: {},
});

export default store;