Skip to content

Vasak-OS/vue-libvasak

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

32 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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" img="file:///home/pato/image.svg">
    <p>Hello World</p>
  </WindowFrame>
</template>

SideBar

<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>

Contributors