router hash(#) symbol in vue 3

I am using createWebHistory but it still stays in my hash url link localhost/#/projects Am I missing something while writing the code? How can i remove # symbol?

router

    const routes: Array<RouteRecordRaw> = [
  {
    path: "/",
    redirect: "/projects",
    component: () => import("@/layout-newLayout.vue"),
    children: [
      {
        path: "/projects",
        name: "projects",
        component: () => import("@/views/projects/index.vue"),
      },
    ],
  },
]

const router = createRouter({
  history: createWebHistory(process.env.BASE_URL),
  routes,
});