Update vite config for svelte-navigator, Fix heading focus rings

This commit is contained in:
Kai Vogelgesang 2022-09-05 21:13:44 +02:00
parent c147b44b0c
commit 3ac4d2ac82
Signed by: kai
GPG Key ID: 0A95D3B6E62C0879
2 changed files with 10 additions and 0 deletions

View File

@ -16,3 +16,8 @@ $fa-font-path: "@fortawesome/fontawesome-free/webfonts";
@import "@fortawesome/fontawesome-free/scss/solid.scss"; @import "@fortawesome/fontawesome-free/scss/solid.scss";
@import "@fortawesome/fontawesome-free/scss/brands.scss"; @import "@fortawesome/fontawesome-free/scss/brands.scss";
@import "@fortawesome/fontawesome-free/scss/v4-shims.scss"; @import "@fortawesome/fontawesome-free/scss/v4-shims.scss";
// https://github.com/mefechoel/svelte-navigator#what-are-the-weird-rectangles-around-the-headings-in-my-app
h1:focus {
outline: none;
}

View File

@ -4,12 +4,17 @@ import { svelte } from '@sveltejs/vite-plugin-svelte'
// https://vitejs.dev/config/ // https://vitejs.dev/config/
export default defineConfig({ export default defineConfig({
plugins: [svelte()], plugins: [svelte()],
// https://github.com/mefechoel/svelte-navigator#im-using-vite-why-am-i-getting-errors-with-svelte-navigator
optimizeDeps: { exclude: ["svelte-navigator"] },
build: { build: {
manifest: true, manifest: true,
rollupOptions: { rollupOptions: {
input: 'src/main.ts' input: 'src/main.ts'
} }
}, },
server: { server: {
origin: 'http://localhost:5173' origin: 'http://localhost:5173'
} }