forked from lapikud/lapikud.github.io
Replace the Svelte runtime, Vite plugin, Storybook adapter, and component files with Vue 3 equivalents while preserving the existing route table, page markup, styling, assets, deployment shape, and npm workflows. Move shared and page-level state onto Vue refs, computed values, lifecycle hooks, and script setup components. Recreate the custom async router and translation composable as Vue-native modules so navigation and bilingual content continue to work without introducing a router or state-management dependency. Adopt the maintained @lucide/vue package, remove the Svelte icon and map wrappers, and initialize MapLibre directly on the Helpdesk page. Replace the Svelte CSF story with a Vue Storybook story, remove obsolete aliases and generation/config files, and update the audited lockfile with no known vulnerabilities.
17 lines
352 B
Vue
17 lines
352 B
Vue
<script setup>
|
|
defineOptions({ inheritAttrs: false });
|
|
defineProps({
|
|
dir: { type: String, default: 'row' },
|
|
gap: { type: String, default: 'gap-4' },
|
|
});
|
|
</script>
|
|
|
|
<template>
|
|
<div
|
|
:class="['flex items-center justify-center', dir === 'row' ? 'flex-row' : 'flex-col', gap, $attrs.class]"
|
|
v-bind="$attrs"
|
|
>
|
|
<slot />
|
|
</div>
|
|
</template>
|