vue-libvasak

A simple vue components for VSK Applications used in VasakOS. This library is used in application-template. Don't work in browser.

Installation

yarn add @vasakgroup/vue-libvasak

Use

We can use the components in our application as follows:

WindowFrame

<script lang="ts">
import { defineComponent } from "vue";
import { WindowFrame } from "@vasakgroup/vue-libvasak";
</script>

<template>
  <WindowFrame title="Hello World">
    <p>Hello World</p>
  </WindowFrame>
</template>

SideBar

<script lang="ts">
import { defineComponent } from "vue";
import {
  SideBar,
  WindowFrame,
  SideA,
  SideRouterLink,
  SideSection,
} from "@vasakgroup/vue-libvasak";
</script>

<template>
  <WindowFrame title="Hello World">
    <SideBar title="My Sidebar">
      <SideSection>
        <SideA>
          <SideRouterLink url="/" title="Home" image="./home.webp" />
          <SideRouterLink url="/about" title="About" image="./about.webp" />
        </SideA>
      </SideSection>
      <SideSection>
        <SideA
          url="http://vasak.net.ar/"
          title="Vasak Group"
          image="./vasak.webp"
        />
      </SideSection>
    </SideBar>
  </WindowFrame>
</template>

Contributors