A simple vue components for VSK Applications used in VasakOS. This library is used in application-template. Don't work in browser.
yarn add @vasakgroup/vue-libvasak
We can use the components in our application as follows:
<script lang="ts">
import { defineComponent } from "vue";
import { WindowFrame } from "@vasakgroup/vue-libvasak";
</script>
<template>
<WindowFrame title="Hello World" img="file:///home/pato/image.svg">
<p>Hello World</p>
</WindowFrame>
</template>
<script lang="ts">
import { defineComponent } from "vue";
import {
SideBar,
WindowFrame,
SideButton,
} from "@vasakgroup/vue-libvasak";
</script>
<template>
<WindowFrame title="Hello World">
<SideBar>
<SideButton url="/" title="Home" image="./home.webp" />
<SideButton url="/about" title="About" image="./about.webp" />
</SideBar>
</WindowFrame>
</template>