Fix theming issue & subfolder hosting

This commit is contained in:
Bastien Wirtz 2022-07-12 14:07:10 +02:00
parent 9582b1871a
commit eb03092286
4 changed files with 4 additions and 3 deletions

View File

@ -9,7 +9,7 @@
<title>Homer</title> <title>Homer</title>
</head> </head>
<body> <body>
<div id="app"></div> <div id="app-mount"></div>
<script type="module" src="/src/main.js"></script> <script type="module" src="/src/main.js"></script>
</body> </body>
</html> </html>

View File

@ -13,7 +13,7 @@
text-overflow: ellipsis; text-overflow: ellipsis;
} }
html, body, body #app { html, body, body #app-mount, body #app {
height: 100%; height: 100%;
background-color: var(--background); background-color: var(--background);
} }

View File

@ -10,4 +10,4 @@ app.component("DynamicStyle", (_props, context) => {
return h("style", {}, context.slots); return h("style", {}, context.slots);
}); });
app.mount("#app"); app.mount("#app-mount");

View File

@ -6,6 +6,7 @@ import vue from "@vitejs/plugin-vue";
// https://vitejs.dev/config/ // https://vitejs.dev/config/
export default defineConfig({ export default defineConfig({
base: "",
build: { build: {
assetsDir: "resources", assetsDir: "resources",
}, },