0.1.41 • Published 9 months 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
9 months ago
0.1.39
9 months ago
0.1.38
9 months ago
0.1.37
9 months ago
0.1.35
9 months ago
0.1.34
9 months ago
0.1.33
9 months ago
0.1.32
9 months ago
0.1.31
9 months ago
0.1.30
9 months ago
0.1.29
10 months ago
0.1.28
10 months ago
0.1.27
10 months ago
0.1.26
10 months ago
0.1.25
10 months ago
0.1.24
10 months ago
0.1.23
10 months ago
0.1.22
10 months ago
0.1.21
10 months ago
0.1.20
10 months ago
0.1.19
10 months ago
0.1.18
10 months ago
0.1.17
10 months ago
0.1.16
10 months ago
0.1.15
10 months ago
0.1.14
10 months ago
0.1.12
10 months ago
0.1.11
10 months ago
0.1.10
10 months ago
0.1.9
10 months ago
0.1.8
10 months ago
0.1.7
10 months ago
0.1.6
10 months ago
0.1.5
10 months ago
0.1.4
10 months ago
0.1.3
10 months ago
0.1.2
10 months ago