0.1.41 • Published 9 months ago

jp-common-component v0.1.41

Weekly downloads
-
License
-
Repository
-
Last release
9 months ago

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