Use Bun. Use hash mode in router

.npmrc

@@ -0,0 +1 @@
+shamefully-hoist=true

package.json

@@ -9,12 +9,18 @@
     "type-check": "vue-tsc --noEmit"
   },
   "dependencies": {
+    "connect-history-api-fallback": "^1.6.0",
+    "express": "^4.18.2",
+    "mysql": "^2.18.1",
+    "mysql2": "^2.2.0",
     "sass": "^1.71.1",
     "vue": "^2.7.7",
     "vue-router": "^3.5.4",
     "yaml": "^2.4.0"
   },
   "devDependencies": {
+    "@types/express": "^4.17.20",
+    "@types/mysql": "^2.15.23",
     "@types/node": "^16.11.45",
     "@vitejs/plugin-legacy": "^2.0.0",
     "@vitejs/plugin-vue2": "^1.1.2",

src/router.ts

@@ -9,7 +9,7 @@ import AnimeView from './views/AnimeView.vue'
 Vue.use(Router);
 
 const rutas = {
-    mode: 'history',
+    mode: 'hash',
     base: "/",
     routes: [
         {

srv/index.ts

@@ -4,7 +4,10 @@ import mysql from "mysql2";
 
 console.log("express??");
 
-export default (app: core.Express) => {
+const app = express();
+const port = 3000;
+
+const expressApp = (app: core.Express) => {
 
     app.use(express.json());
     app.use(express.urlencoded());
@@ -51,4 +54,10 @@ export const conexionMySQL = (() => {
 
 const color = '#cc2f66';
 
+expressApp(app);
+
+app.listen(port, () => {
+    console.log(`Example app listening at http://localhost:${port}`);
+});
+
 // module.exports.conexionMySQL = conexionMySQL;