Setup DOCS WIP
shoyify is WIP! Not recommended for production
From NPM
yarn add shoyify
npm install shoyify
You need to have latest version of shoyo
as your project dependency for shoyify
to work!! Install using 👇🏼
yarn add shoyo
npm install shoyo
Usage as Plugin
Import the whole library as a Vue 3 plugin without tree-shaking
.
import shoyify from "shoyify";
const app = createApp()
// Tell Vue to use shoyify as a plugin
app.use(shoyify);
app.mount('#app)
Usage as Components
Import individual components directly inside.vue
files
<script lang="ts">
import { ShoyoButton } from "shoyify";
import { defineComponent, ref } from "vue";
export default defineComponent({
components: {
ShoyoButton,
},
setup() {
const main = ref<string>("Button");
return { main };
},
});
</script>
Components as Plugins
Import Individual components a Vue 3 plugin with tree shaking
import { ShoyoButton } from "shoyify";
const app = createApp()
// Tell Vue to use the component as a plugin
app.use(ShoyoButton);
app.mount('#app)