web: use an alias for components folder

This commit is contained in:
wukko 2024-06-24 20:23:55 +06:00
parent 530edee0b1
commit a226f0635f
No known key found for this signature in database
GPG key ID: 3E30B3F26C7B4AA2
13 changed files with 40 additions and 37 deletions

View file

@ -1,5 +1,5 @@
<script>
import MeowbaltLoaf from "../meowbalt/MeowbaltLoaf.svelte";
import MeowbaltLoaf from "$components/meowbalt/MeowbaltLoaf.svelte";
export let pageName;
</script>

View file

@ -1,18 +1,18 @@
<script lang="ts">
import IconLink from "@tabler/icons-svelte/IconLink.svelte";
import DownloadButton from "./buttons/DownloadButton.svelte";
import ClearButton from "./buttons/ClearButton.svelte";
import ActionButton from "../buttons/ActionButton.svelte";
import ClearButton from "$components/save/buttons/ClearButton.svelte";
import DownloadButton from "$components/save/buttons/DownloadButton.svelte";
import Switcher from "../buttons/Switcher.svelte";
import Switcher from "$components/buttons/Switcher.svelte";
import ActionButton from "$components/buttons/ActionButton.svelte";
import SettingsButton from "$components/buttons/SettingsButton.svelte";
import IconSparkles from "$lib/icons/Sparkles.svelte";
import IconMusic from "$lib/icons/Music.svelte";
import IconMute from "$lib/icons/Mute.svelte";
import IconClipboard from "$lib/icons/Clipboard.svelte";
import SettingsButton from "../buttons/SettingsButton.svelte";
let link: string = "";
let isFocused = false;

View file

@ -1,16 +1,16 @@
<script>
import CobaltLogo from "./CobaltLogo.svelte";
import SidebarTab from "./SidebarTab.svelte";
import CobaltLogo from "$components/sidebar/CobaltLogo.svelte";
import SidebarTab from "$components/sidebar/SidebarTab.svelte";
import IconDownload from '@tabler/icons-svelte/IconDownload.svelte';
import IconCut from '@tabler/icons-svelte/IconCut.svelte';
import IconCrop from '@tabler/icons-svelte/IconCrop.svelte';
import IconTransform from '@tabler/icons-svelte/IconTransform.svelte';
import IconSettings from '@tabler/icons-svelte/IconSettings.svelte';
import IconDownload from "@tabler/icons-svelte/IconDownload.svelte";
import IconCut from "@tabler/icons-svelte/IconCut.svelte";
import IconCrop from "@tabler/icons-svelte/IconCrop.svelte";
import IconTransform from "@tabler/icons-svelte/IconTransform.svelte";
import IconSettings from "@tabler/icons-svelte/IconSettings.svelte";
import IconComet from '@tabler/icons-svelte/IconComet.svelte';
import IconHeart from '@tabler/icons-svelte/IconHeart.svelte';
import IconInfoCircle from '@tabler/icons-svelte/IconInfoCircle.svelte';
import IconComet from "@tabler/icons-svelte/IconComet.svelte";
import IconHeart from "@tabler/icons-svelte/IconHeart.svelte";
import IconInfoCircle from "@tabler/icons-svelte/IconInfoCircle.svelte";
const iconSize = 21;
const iconStroke = 1.2;

View file

@ -1,7 +1,7 @@
<script>
import "@fontsource/ibm-plex-mono/400.css";
import "@fontsource/ibm-plex-mono/500.css";
import Sidebar from "../components/sidebar/Sidebar.svelte";
import Sidebar from "$components/sidebar/Sidebar.svelte";
</script>
<div id="cobalt">

View file

@ -1,6 +1,6 @@
<script>
import Omnibox from "../components/save/Omnibox.svelte";
import MeowbaltLoaf from "../components/meowbalt/MeowbaltLoaf.svelte";
import Omnibox from "$components/save/Omnibox.svelte";
import MeowbaltLoaf from "$components/meowbalt/MeowbaltLoaf.svelte";
</script>
<div id="cobalt-save-container" class="center-column-container">

View file

@ -1,5 +1,5 @@
<script>
import Placeholder from "../../components/misc/Placeholder.svelte";
import Placeholder from "$components/misc/Placeholder.svelte";
</script>
<Placeholder pageName="about" />

View file

@ -1,5 +1,5 @@
<script>
import Placeholder from "../../components/misc/Placeholder.svelte";
import Placeholder from "$components/misc/Placeholder.svelte";
</script>
<Placeholder pageName="convert" />

View file

@ -1,5 +1,5 @@
<script>
import Placeholder from "../../components/misc/Placeholder.svelte";
import Placeholder from "$components/misc/Placeholder.svelte";
</script>
<Placeholder pageName="crop" />

View file

@ -1,5 +1,5 @@
<script>
import Placeholder from "../../components/misc/Placeholder.svelte";
import Placeholder from "$components/misc/Placeholder.svelte";
</script>
<Placeholder pageName="donate" />

View file

@ -1,6 +1,6 @@
<script>
import SettingsCategory from "../../components/settings/SettingsCategory.svelte";
import SettingsSection from "../../components/settings/SettingsSection.svelte";
import SettingsCategory from "$components/settings/SettingsCategory.svelte";
import SettingsSection from "$components/settings/SettingsSection.svelte";
import IconSunHigh from "@tabler/icons-svelte/IconSunHigh.svelte";
import IconAccessible from "@tabler/icons-svelte/IconAccessible.svelte";

View file

@ -1,5 +1,5 @@
<script>
import Placeholder from "../../components/misc/Placeholder.svelte";
import Placeholder from "$components/misc/Placeholder.svelte";
</script>
<Placeholder pageName="trim" />

View file

@ -1,5 +1,5 @@
<script>
import Placeholder from "../../components/misc/Placeholder.svelte";
import Placeholder from "$components/misc/Placeholder.svelte";
</script>
<Placeholder pageName="updates" />

View file

@ -8,16 +8,19 @@ const config = {
preprocess: vitePreprocess(),
kit: {
adapter: adapter({
// default options are shown. On some platforms
// these options are set automatically — see below
pages: 'build',
assets: 'build',
fallback: undefined,
precompress: false,
strict: true
})
}
adapter: adapter({
// default options are shown. On some platforms
// these options are set automatically — see below
pages: 'build',
assets: 'build',
fallback: undefined,
precompress: false,
strict: true
}),
alias: {
$components: 'src/components'
}
}
};
export default config;