0.1.41 • Published 1 year ago
jp-common-component v0.1.41
JP-Common-Component
Common commponet which are used on vue3 projects
Installation
npm install jp-common-component@latest
Usage
Load jp-common-commponent and style in main.js/main.ts file
import { createApp } from "vue";
import App from "./App.vue";
import JpCommonComponent from 'jp-common-component';
import "jp-common-component/dist/style.css";
const app = createApp(App)
app.use(JpCommonComponent);
app.mount("#app");
Editor component
<script>
import { Editor } from "jp-common-component";
const data = ref("")
</script>
<template>
<Editor v-model="data" />
</template>
If you want add mention option,
<script>
import { Editor } from "jp-common-component";
const data = ref("")
const items = [ '@Barney', '@Lily', '@Marry Ann', '@Marshall', '@Robin', '@Ted' ];
</script>
<template>
<Editor v-model="data" :mentions="items" />
</template>
If you want hide toolbar,
<script>
import { Editor } from "jp-common-component";
const data = ref("")
</script>
<template>
<Editor v-model="data" :toolbarToggle="true"/>
</template>
0.1.41
1 year ago
0.1.39
1 year ago
0.1.38
1 year ago
0.1.37
1 year ago
0.1.35
1 year ago
0.1.34
1 year ago
0.1.33
1 year ago
0.1.32
1 year ago
0.1.31
1 year ago
0.1.30
1 year ago
0.1.29
1 year ago
0.1.28
1 year ago
0.1.27
1 year ago
0.1.26
1 year ago
0.1.25
1 year ago
0.1.24
1 year ago
0.1.23
1 year ago
0.1.22
1 year ago
0.1.21
1 year ago
0.1.20
1 year ago
0.1.19
1 year ago
0.1.18
1 year ago
0.1.17
1 year ago
0.1.16
1 year ago
0.1.15
1 year ago
0.1.14
1 year ago
0.1.12
1 year ago
0.1.11
1 year ago
0.1.10
1 year ago
0.1.9
1 year ago
0.1.8
1 year ago
0.1.7
1 year ago
0.1.6
1 year ago
0.1.5
1 year ago
0.1.4
1 year ago
0.1.3
1 year ago
0.1.2
1 year ago