feat: initialize project with Docker, PostgreSQL, Redis, and Vue.js frontend
- Added docker-compose.yml for PostgreSQL and Redis services with health checks. - Created frontend directory with initial Vue.js setup including package.json, vite.config.ts, and TypeScript configuration. - Implemented main application structure with App.vue and HomePage.vue components. - Added message fetching and posting functionality in HomePage.vue. - Included necessary styles and scripts for Ionic framework integration. - Developed a dev-stack script to manage Docker containers and run backend/frontend servers.
This commit is contained in:
35
frontend/src/main.ts
Normal file
35
frontend/src/main.ts
Normal file
@@ -0,0 +1,35 @@
|
||||
import { createApp } from "vue";
|
||||
import { IonicVue } from "@ionic/vue";
|
||||
import { createRouter, createWebHistory } from "@ionic/vue-router";
|
||||
import type { RouteRecordRaw } from "vue-router";
|
||||
import App from "./App.vue";
|
||||
import HomePage from "./views/HomePage.vue";
|
||||
|
||||
/* Ionic core CSS */
|
||||
import "@ionic/vue/css/core.css";
|
||||
import "@ionic/vue/css/normalize.css";
|
||||
import "@ionic/vue/css/structure.css";
|
||||
import "@ionic/vue/css/typography.css";
|
||||
|
||||
/* Optional utilities */
|
||||
import "@ionic/vue/css/padding.css";
|
||||
import "@ionic/vue/css/float-elements.css";
|
||||
import "@ionic/vue/css/text-alignment.css";
|
||||
import "@ionic/vue/css/text-transformation.css";
|
||||
import "@ionic/vue/css/flex-utils.css";
|
||||
import "@ionic/vue/css/display.css";
|
||||
|
||||
const routes: RouteRecordRaw[] = [
|
||||
{ path: "/", component: HomePage },
|
||||
];
|
||||
|
||||
const router = createRouter({
|
||||
history: createWebHistory(),
|
||||
routes,
|
||||
});
|
||||
|
||||
const app = createApp(App).use(IonicVue).use(router);
|
||||
|
||||
router.isReady().then(() => {
|
||||
app.mount("#app");
|
||||
});
|
||||
Reference in New Issue
Block a user