0.0.40 • Published 2 years ago
@mantracode/z-plugin v0.0.40
Plugin Support for Vue 3 and Typescript
Intallations
Add zplugin to vue app in main.ts
import { createApp } from "vue";
import { zplugin } from "@mantracode/z-plugin";
import App from "./App.vue";
import "@mantracode/z-plugin/dist/style.css"
const app = createApp(App);
app.use(zplugin);
app.mount("#app");
ZPluginProvider
, as Root component for plugin on App.vue
.
<script setup lang="ts">
import { ZPluginProvider } from "@mantracode/z-plugin";
import MyLayout from "./layout/MyLayout.vue"
</script>
<template>
<z-plugin-provider>
<my-layout>
...
</my-layout>
</z-plugin-provider>
</template>
Hooks
useMessage
, hook for creating a message./layout/MayLayout.vue
<script setup lang="ts"> import { useMessage } from "@mantracode/z-plugin"; const msg = useMessage(); const show_msg = () => { msg({ text: "You are so beautiful tonight." }) } </script> <template> <button @click="show_msg">Show Message</button> </template>
0.0.40
2 years ago
0.0.39
2 years ago
0.0.38
2 years ago
0.0.37
2 years ago
0.0.36
2 years ago
0.0.35
2 years ago
0.0.34
2 years ago
0.0.33
2 years ago
0.0.32
2 years ago
0.0.31
2 years ago
0.0.30
2 years ago
0.0.29
2 years ago
0.0.28
2 years ago
0.0.27
2 years ago
0.0.26
2 years ago
0.0.25
2 years ago
0.0.24
2 years ago
0.0.23
2 years ago
0.0.22
2 years ago
0.0.21
2 years ago
0.0.20
2 years ago
0.0.19
2 years ago
0.0.18
2 years ago
0.0.17
2 years ago
0.0.16
2 years ago
0.0.15
2 years ago
0.0.14
2 years ago
0.0.13
2 years ago
0.0.12
2 years ago
0.0.11
2 years ago
0.0.10
2 years ago
0.0.9
2 years ago
0.0.8
2 years ago
0.0.7
2 years ago
0.0.6
2 years ago
0.0.5
2 years ago
0.0.4
2 years ago
0.0.3
2 years ago
0.0.2
2 years ago
0.0.1
2 years ago
1.0.4
2 years ago
1.0.3
2 years ago
1.0.2
2 years ago
1.0.1
2 years ago
1.0.0
2 years ago