├── .gitignore
├── .vscode
    └── extensions.json
├── LICENSE
├── README.md
├── dist
    ├── vue-contenteditable.cjs.js
    ├── vue-contenteditable.d.ts
    ├── vue-contenteditable.es.js
    └── vue-contenteditable.umd.js
├── package.json
├── pnpm-lock.yaml
├── samples
    ├── vite_js_sample
    │   ├── .gitignore
    │   ├── .vscode
    │   │   └── extensions.json
    │   ├── README.md
    │   ├── index.html
    │   ├── package.json
    │   ├── pnpm-lock.yaml
    │   ├── public
    │   │   └── favicon.ico
    │   ├── src
    │   │   ├── App.vue
    │   │   ├── assets
    │   │   │   └── logo.png
    │   │   ├── components
    │   │   │   └── HelloWorld.vue
    │   │   ├── main.js
    │   │   └── shims-vue.d.ts
    │   └── vite.config.js
    ├── vite_js_script_setup_sample
    │   ├── .gitignore
    │   ├── .vscode
    │   │   └── extensions.json
    │   ├── README.md
    │   ├── index.html
    │   ├── package.json
    │   ├── pnpm-lock.yaml
    │   ├── public
    │   │   └── favicon.ico
    │   ├── src
    │   │   ├── App.vue
    │   │   ├── assets
    │   │   │   └── logo.png
    │   │   ├── components
    │   │   │   └── HelloWorld.vue
    │   │   ├── main.js
    │   │   └── shims-vue.d.ts
    │   └── vite.config.js
    ├── vite_ts_sample
    │   ├── .gitignore
    │   ├── .vscode
    │   │   └── extensions.json
    │   ├── README.md
    │   ├── index.html
    │   ├── package.json
    │   ├── pnpm-lock.yaml
    │   ├── public
    │   │   └── favicon.ico
    │   ├── src
    │   │   ├── App.vue
    │   │   ├── assets
    │   │   │   └── logo.png
    │   │   ├── components
    │   │   │   └── HelloWorld.vue
    │   │   ├── main.ts
    │   │   └── shims-vue.d.ts
    │   ├── tsconfig.json
    │   ├── tsconfig.node.json
    │   └── vite.config.ts
    └── vite_ts_script_setup_sample
    │   ├── .gitignore
    │   ├── .vscode
    │       └── extensions.json
    │   ├── README.md
    │   ├── index.html
    │   ├── package.json
    │   ├── pnpm-lock.yaml
    │   ├── public
    │       └── favicon.ico
    │   ├── src
    │       ├── App.vue
    │       ├── assets
    │       │   └── logo.png
    │       ├── components
    │       │   └── HelloWorld.vue
    │       ├── main.ts
    │       └── shims-vue.d.ts
    │   ├── tsconfig.json
    │   ├── tsconfig.node.json
    │   └── vite.config.ts
├── src
    ├── components
    │   └── contenteditable.vue
    └── vue-contenteditable.ts
├── tsconfig.json
├── tsconfig.node.json
└── vite.config.ts


/.gitignore:
--------------------------------------------------------------------------------
 1 | # Logs
 2 | logs
 3 | *.log
 4 | npm-debug.log*
 5 | yarn-debug.log*
 6 | yarn-error.log*
 7 | pnpm-debug.log*
 8 | lerna-debug.log*
 9 | 
10 | node_modules
11 | dist-ssr
12 | *.local
13 | 
14 | # Editor directories and files
15 | .vscode/*
16 | !.vscode/extensions.json
17 | .idea
18 | .DS_Store
19 | *.suo
20 | *.ntvs*
21 | *.njsproj
22 | *.sln
23 | *.sw?
24 | 


--------------------------------------------------------------------------------
/.vscode/extensions.json:
--------------------------------------------------------------------------------
1 | {
2 |   "recommendations": ["Vue.volar"]
3 | }
4 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2018 Léo Flaventin Hauchecorne
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | 
  2 | # vue-contenteditable
  3 | 
  4 | This plugin provides a `<contenteditable/>` element supporting `v-model`. It also provides some (optional) features, like preventing html input and paste, or new lines.
  5 | 
  6 | It is inpired by the nice (but limited by design) https://github.com/asconwe/vue-contenteditable-directive .
  7 | 
  8 | Contrary to `vue-contenteditable-directive`, this plugin has full support of v-model reactivity.
  9 | 
 10 | npm package : https://www.npmjs.com/package/vue-contenteditable
 11 | 
 12 | github repository : https://github.com/hl037/vue-contenteditable
 13 | 
 14 | ## Should you use a content editable ?
 15 | 
 16 | The response is generally "no".
 17 | 
 18 | But... there are edge cases where neither `<input/>` nor `<textarea>` could suit, for example when you need a dynamic object size to adapt to the user input text's size.
 19 | 
 20 | ------
 21 | 
 22 | ## Installation
 23 | 
 24 | NOTE : Versions 3.0.0+ are only compatible with VueJS v3+. For VueJS v2, please install the version 1.0.2.
 25 | 
 26 | ### With a build system
 27 | 
 28 | I recommand using pnpm + vite for any vue project. When using another package manager, you could encounter problems due to several Vue instances (errors like "Missing ref owner context"). Nevertheless, this package should work with any package manager.
 29 | 
 30 | ```
 31 |     pnpm add vue-contenteditable
 32 | ```
 33 | 
 34 | or
 35 | 
 36 | ```
 37 |     yarn add vue-contenteditable
 38 | ```
 39 | 
 40 | or
 41 | 
 42 | ```
 43 |     npm install --save vue-contenteditable
 44 | ```
 45 | 
 46 | 
 47 | ### (Re)build
 48 | 
 49 | The needed files are already provided in `dist/`, but if you want to re-build, simply run :
 50 | 
 51 | Install the dependencies :
 52 | ```
 53 | pnpm i
 54 | ```
 55 | 
 56 | Build and typescript declarations:
 57 | ```
 58 | pnpm build
 59 | ```
 60 | 
 61 | ### Directely in html
 62 | 
 63 | ```html
 64 |  <script src="contenteditable.umd.js"></script>
 65 | ```
 66 | 
 67 | ------
 68 | 
 69 | ## Global registration
 70 | 
 71 | This is optionnal, and I would not do it myself, but you can register the `contenteditable` component globally so that you don't need to import it:
 72 | 
 73 | In your `main.js` :
 74 | 
 75 | ```javascript
 76 | import contenteditable from 'vue-contenteditable'
 77 | Vue.use(contenteditable)
 78 | ```
 79 | 
 80 | ## Usage
 81 | 
 82 | For advance usages, please refer to the samples provided in the git repository. There are examples writen in js and ts, one using vue-cli, two using vite.
 83 | 
 84 | ### SFC Composition style
 85 | 
 86 | ```javascript
 87 | <template>
 88 |   <contenteditable tag="div" :contenteditable="isEditable" v-model="message" :no-nl="true" :no-html="true" @returned="enterPressed" />
 89 | </template>
 90 |  
 91 | <script setup>
 92 | import { defineProps, ref, computed, onMounted, watch } from 'vue';
 93 | import contenteditable from 'vue-contenteditable'; // Not needed it registered globally
 94 | 
 95 | const isEditable = ref(true);
 96 | const message = ref("hello")
 97 | 
 98 | function enterPressed(){
 99 |   alert('Enter Pressed');
100 | }
101 | </script>
102 | ```
103 | 
104 | ### Option style
105 | 
106 | ```javascript
107 | <template>
108 |   <contenteditable tag="div" :contenteditable="isEditable" v-model="message" :no-nl="true" :no-html="true" @returned="enterPressed" />
109 | </template>
110 |  
111 | <script>
112 | import contenteditable from 'vue-contenteditable'; // Not needed it registered globally
113 | export default {
114 |   components : {
115 |     contenteditable
116 |   }, // Not needed it registered globally
117 |   data() {
118 |     return {
119 |       isEditable: true,
120 |       message: "hello"
121 |     }
122 |   },
123 |   methods : {
124 |     enterPressed(){
125 |       alert('Enter Pressed');
126 |     }
127 |   }
128 | }
129 | </script>
130 | ```
131 | 
132 | 
133 | ### Props
134 | 
135 | Prop name | Type | Default | Description
136 | ----------|------|---------|------------
137 | `tag` | `String` | `"div"` | Html element type (`p`, `div`...)
138 | `v-model` | `String` | | `v-model` as usually used with `<input/>` and `<textarea/>`
139 | `contenteditable` | `Boolean` | `true` | Forwarded to DOM's `contenteditable` https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/contentEditable.
140 | `no-html` | `Boolean` | `true` | Prevent insertion (either typed or pasted) of html text
141 | `no-nl` | `Boolean` | `false` | Prevent insertion of new-lines. Also activate `returned` event emission
142 | 
143 | ### Events
144 | 
145 | `returned`
146 |   When the user press <kbd>⏎</kbd> and `no-nl` is set, then it emits the `returned` event with the current value (as a `String`) as argument.
147 | 
148 |   All js events on the element can be transparantly listened to (the sample projects provide an example).
149 | 
150 | ## Changelogs
151 | 
152 | ### 4.0.2
153 |   
154 |   * Add String as contenteditable type (To support non-standard values)
155 | 
156 | ### 4.0.0
157 | 
158 |   * API **breaking** change : `noNL` and `noHTML` renamed to `noNl` and `noHtml` to enable using dashed prop names (`no-nl` and `no-html` in templates).
159 |   * Build with vite instead of vue-cli : simpler build and less dev dependencies
160 |   * Smaller package (previous version bundled vue... Oops.
161 | 
162 | ### 3.0.0
163 |   
164 |   * Vue 3 support
165 |   * Typescript support
166 | 
167 | ## License
168 | 
169 | This code is provided as-is, under the terms of the MIT license (see License file for more details).
170 | 
171 | A link to the original sources and contribution / pull request is welcome if you enjoy / use / contribute to this module ! :)
172 | 
173 | 
174 | 
175 | 


--------------------------------------------------------------------------------
/dist/vue-contenteditable.cjs.js:
--------------------------------------------------------------------------------
1 | "use strict";var l=require("vue");const s=l.defineComponent({__name:"contenteditable",props:{tag:String,contenteditable:{type:[Boolean,String],default:!0},modelValue:String,noHtml:{type:Boolean,default:!0},noNl:{type:Boolean,default:!1}},emits:{returned:String,"update:modelValue":String},setup(u,{emit:d}){const n=u;function i(e,t,o){return e.split(t).join(o)}const a=l.ref();function c(){return n.noHtml?a.value.innerText:a.value.innerHTML}function r(e){n.noHtml?a.value.innerText=e:a.value.innerHTML=e}function f(e){d("update:modelValue",c())}function m(e){e.preventDefault();let t=(e.originalEvent||e).clipboardData.getData("text/plain");n.noNl&&(t=i(t,`\r
2 | `," "),t=i(t,`
3 | `," "),t=i(t,"\r"," ")),window.document.execCommand("insertText",!1,t)}function p(e){e.key=="Enter"&&n.noNl&&(e.preventDefault(),d("returned",c()))}return l.onMounted(()=>{var e;r((e=n.modelValue)!=null?e:"")}),l.watch(()=>n.modelValue,(e,t)=>{e!=c()&&r(e!=null?e:"")}),l.watch(()=>n.noHtml,(e,t)=>{var o;r((o=n.modelValue)!=null?o:"")}),l.watch(()=>n.tag,(e,t)=>{var o;r((o=n.modelValue)!=null?o:"")},{flush:"post"}),(e,t)=>(l.openBlock(),l.createBlock(l.resolveDynamicComponent(u.tag),{contenteditable:u.contenteditable,onInput:f,onBlur:f,onPaste:m,onKeypress:p,ref_key:"element",ref:a},null,40,["contenteditable"]))}});module.exports=s;
4 | 


--------------------------------------------------------------------------------
/dist/vue-contenteditable.d.ts:
--------------------------------------------------------------------------------
  1 | declare module "components/__VLS_types" {
  2 |     import * as vue from 'vue';
  3 |     import type { FunctionalComponent, HTMLAttributes, VNodeProps, AllowedComponentProps, EmitsOptions, DefineComponent, SetupContext, ObjectDirective, FunctionDirective } from 'vue';
  4 |     type IsAny<T> = boolean extends (T extends never ? true : false) ? true : false;
  5 |     type IsFunctionalComponent<T> = T extends (...args: any) => JSX.Element ? true : false;
  6 |     type IsConstructorComponent<T> = T extends new (...args: any) => JSX.ElementClass ? true : false;
  7 |     type IsComponent_Loose<T> = IsConstructorComponent<T> extends false ? IsFunctionalComponent<T> extends false ? false : true : true;
  8 |     type IsComponent_Strict<T> = IsConstructorComponent<T> extends true ? true : IsFunctionalComponent<T> extends true ? true : false;
  9 |     type ComponentKeys<T> = keyof {
 10 |         [K in keyof T as IsComponent_Loose<T[K]> extends true ? K : never]: any;
 11 |     };
 12 |     export type PickNotAny<A, B> = IsAny<A> extends true ? B : A;
 13 |     type AnyArray<T = any> = T[] | readonly T[];
 14 |     type ForableSource<T> = [
 15 |         T extends {
 16 |             [Symbol.iterator](): IterableIterator<infer T1>;
 17 |         } ? T1 : T[keyof T],
 18 |         typeof Symbol.iterator extends keyof T ? number : T extends T ? keyof T : never,
 19 |         typeof Symbol.iterator extends keyof T ? undefined : number
 20 |     ][];
 21 |     type CamelCase<S extends string> = S extends `${infer First}-${infer Right}` ? Capitalize<Right> extends Right ? `${First}-${CamelCase<Capitalize<Right>>}` : `${First}${CamelCase<Capitalize<Right>>}` : S;
 22 |     export type GlobalComponents = PickNotAny<import('vue').GlobalComponents, {}> & PickNotAny<import('@vue/runtime-dom').GlobalComponents, {}> & Pick<typeof vue, 'Transition' | 'TransitionGroup' | 'KeepAlive' | 'Suspense' | 'Teleport'>;
 23 |     export function getVforSourceType<T>(source: T): ForableSource<NonNullable<T extends number ? number[] : T extends string ? string[] : T>>;
 24 |     export function getNameOption<T>(t?: T): T extends {
 25 |         name: infer N;
 26 |     } ? N : undefined;
 27 |     export function directiveFunction<T>(dir: T): T extends ObjectDirective<infer E, infer V> ? undefined extends V ? (value?: V) => void : (value: V) => void : T extends FunctionDirective<infer E, infer V> ? undefined extends V ? (value?: V) => void : (value: V) => void : T;
 28 |     export type HasScriptSlotsType<T> = T extends new (...args: any) => {
 29 |         $slots?: infer _;
 30 |     } ? true : false;
 31 |     export type DefaultSlots<C> = HasScriptSlotsType<C> extends true ? {} : Record<string, any>;
 32 |     export type WithSlots<T> = T extends new (...args: any) => {
 33 |         $slots?: infer S;
 34 |     } ? T : new (...args: any) => {
 35 |         $slots: {};
 36 |     };
 37 |     export type ScriptSlots<T> = T extends {
 38 |         $slots?: infer S;
 39 |     } ? {
 40 |         [K in keyof S]-?: S[K] extends ((obj: infer O) => any) | undefined ? O : S[K];
 41 |     } : {};
 42 |     export type GetComponentName<T, K extends string> = K extends keyof T ? IsAny<T[K]> extends false ? K : GetComponentName_CamelCase<T, CamelCase<K>> : GetComponentName_CamelCase<T, CamelCase<K>>;
 43 |     export type GetComponentName_CamelCase<T, K extends string> = K extends keyof T ? IsAny<T[K]> extends false ? K : GetComponentName_CapitalCase<T, Capitalize<K>> : GetComponentName_CapitalCase<T, Capitalize<K>>;
 44 |     export type GetComponentName_CapitalCase<T, K> = K extends keyof T ? K : never;
 45 |     export type FillingEventArg_ParametersLength<E extends (...args: any) => any> = IsAny<Parameters<E>> extends true ? -1 : Parameters<E>['length'];
 46 |     export type FillingEventArg<E> = E extends (...args: any) => any ? FillingEventArg_ParametersLength<E> extends 0 ? ($event?: undefined) => ReturnType<E> : E : E;
 47 |     export type GetProperty<T, K, N = any> = K extends keyof T ? T[K] : N;
 48 |     export type ComponentContext<T> = T extends new (...args: any) => any ? InstanceType<T> : T extends (...args: any) => any ? ReturnType<T> : T;
 49 |     export type OptionsProps<T> = T extends {
 50 |         props: infer R;
 51 |     } ? R : {};
 52 |     export type SelectComponent<T1, T2> = T1 extends (new (...args: any) => any) ? T1 : T1 extends ((...args: any) => any) ? T1 : T2;
 53 |     export type ExtractEmit2<T> = T extends FunctionalComponent<infer _, infer E> ? SetupContext<E>['emit'] : T extends new (...args: any) => {
 54 |         $emit: infer Emit;
 55 |     } ? Emit : unknown;
 56 |     export type ReturnVoid<T> = T extends (...payload: infer P) => any ? (...payload: P) => void : (...args: any) => void;
 57 |     export type EmitEvent2<F, E> = F extends {
 58 |         (event: E, ...payload: infer P): infer R;
 59 |     } ? (...payload: P) => void : F extends {
 60 |         (event: E, ...payload: infer P): infer R;
 61 |         (...args: any): any;
 62 |     } ? (...payload: P) => void : F extends {
 63 |         (event: E, ...payload: infer P): infer R;
 64 |         (...args: any): any;
 65 |         (...args: any): any;
 66 |     } ? (...payload: P) => void : F extends {
 67 |         (event: E, ...payload: infer P): infer R;
 68 |         (...args: any): any;
 69 |         (...args: any): any;
 70 |         (...args: any): any;
 71 |     } ? (...payload: P) => void : unknown | '[Type Warning] Volar could not infer $emit event more than 4 overloads without DefineComponent. see https://github.com/johnsoncodehk/volar/issues/60';
 72 |     export type EmitEvent<T, E> = T extends DefineComponent<infer _, any, any, any, any, any, any, infer E2> ? EmitEvent_3<E2, E> : T extends FunctionalComponent<infer _, infer E2> ? EmitEvent_3<E2, E> : T extends FunctionalComponent<infer _, infer E> ? EmitEvent2<SetupContext<E>['emit'], E> : unknown;
 73 |     export type EmitEvent_3<E2, E> = EmitsOptions extends E2 ? unknown : E2 extends AnyArray<infer K> ? (E extends K ? (...args: any) => void : unknown) : E extends keyof E2 ? ReturnVoid<E2[E]> : unknown;
 74 |     export type FirstFunction<F0 = void, F1 = void, F2 = void, F3 = void> = NonNullable<F0> extends (Function | AnyArray<Function>) ? F0 : NonNullable<F1> extends (Function | AnyArray<Function>) ? F1 : NonNullable<F2> extends (Function | AnyArray<Function>) ? F2 : NonNullable<F3> extends (Function | AnyArray<Function>) ? F3 : unknown;
 75 |     export type GlobalAttrsBase = VNodeProps & AllowedComponentProps;
 76 |     export type GlobalAttrs = GlobalAttrsBase & HTMLAttributes;
 77 |     export type PickComponents<T> = ComponentKeys<T> extends keyof T ? Pick<T, ComponentKeys<T>> : T;
 78 |     export type ConvertInvalidComponents<T> = {
 79 |         [K in keyof T]: IsComponent_Strict<T[K]> extends true ? T[K] : any;
 80 |     };
 81 |     export type SelfComponent<N, C> = string extends N ? {} : N extends string ? {
 82 |         [P in N]: C;
 83 |     } : {};
 84 | }
 85 | declare module "components/contenteditable.vue.__VLS_script" {
 86 |     import { defineProps, ref, computed, onMounted, watch } from 'vue';
 87 |     const _default: import("vue").DefineComponent<{
 88 |         tag: StringConstructor;
 89 |         contenteditable: {
 90 |             type: (StringConstructor | BooleanConstructor)[];
 91 |             default: boolean;
 92 |         };
 93 |         modelValue: StringConstructor;
 94 |         noHtml: {
 95 |             type: BooleanConstructor;
 96 |             default: boolean;
 97 |         };
 98 |         noNl: {
 99 |             type: BooleanConstructor;
100 |             default: boolean;
101 |         };
102 |     }, {
103 |         defineProps: typeof defineProps;
104 |         ref: typeof ref;
105 |         computed: typeof import("@vue/reactivity").computed;
106 |         onMounted: (hook: () => any, target?: import("vue").ComponentInternalInstance | null | undefined) => false | Function | undefined;
107 |         watch: typeof watch;
108 |         replaceAll: (str: string, search: string, replacement: string) => string;
109 |         props: Readonly<import("vue").ExtractPropTypes<{
110 |             tag: StringConstructor;
111 |             contenteditable: {
112 |                 type: (StringConstructor | BooleanConstructor)[];
113 |                 default: boolean;
114 |             };
115 |             modelValue: StringConstructor;
116 |             noHtml: {
117 |                 type: BooleanConstructor;
118 |                 default: boolean;
119 |             };
120 |             noNl: {
121 |                 type: BooleanConstructor;
122 |                 default: boolean;
123 |             };
124 |         }>>;
125 |         emit: ((event: "returned", value?: any) => void) & ((event: "update:modelValue", value?: any) => void);
126 |         element: import("vue").Ref<HTMLElement | null | undefined>;
127 |         currentContent: () => string;
128 |         updateContent: (newcontent: string) => void;
129 |         update: (event: any) => void;
130 |         onPaste: (event: any) => void;
131 |         onKeypress: (event: any) => void;
132 |     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
133 |         returned: StringConstructor;
134 |         'update:modelValue': StringConstructor;
135 |     }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
136 |         tag: StringConstructor;
137 |         contenteditable: {
138 |             type: (StringConstructor | BooleanConstructor)[];
139 |             default: boolean;
140 |         };
141 |         modelValue: StringConstructor;
142 |         noHtml: {
143 |             type: BooleanConstructor;
144 |             default: boolean;
145 |         };
146 |         noNl: {
147 |             type: BooleanConstructor;
148 |             default: boolean;
149 |         };
150 |     }>> & {
151 |         onReturned?: ((value?: any) => any) | undefined;
152 |         "onUpdate:modelValue"?: ((value?: any) => any) | undefined;
153 |     }, {
154 |         contenteditable: string | boolean;
155 |         noHtml: boolean;
156 |         noNl: boolean;
157 |     }>;
158 |     export default _default;
159 |     export const __VLS_options: {
160 |         props: {
161 |             tag: StringConstructor;
162 |             contenteditable: {
163 |                 type: (StringConstructor | BooleanConstructor)[];
164 |                 default: boolean;
165 |             };
166 |             modelValue: StringConstructor;
167 |             noHtml: {
168 |                 type: BooleanConstructor;
169 |                 default: boolean;
170 |             };
171 |             noNl: {
172 |                 type: BooleanConstructor;
173 |                 default: boolean;
174 |             };
175 |         };
176 |         emits: {
177 |             returned: StringConstructor;
178 |             'update:modelValue': StringConstructor;
179 |         };
180 |     };
181 |     export const __VLS_name: 'contenteditable';
182 |     export { defineProps as __VLS_types_defineProps, ref as __VLS_types_ref, computed as __VLS_types_computed, onMounted as __VLS_types_onMounted, watch as __VLS_types_watch, };
183 | }
184 | declare module "components/contenteditable.vue.__VLS_template" {
185 |     var __VLS_slots: {};
186 |     export default __VLS_slots;
187 | }
188 | declare module "components/contenteditable.vue" {
189 |     const _default_1: import("vue").DefineComponent<{
190 |         tag: StringConstructor;
191 |         contenteditable: {
192 |             type: (StringConstructor | BooleanConstructor)[];
193 |             default: boolean;
194 |         };
195 |         modelValue: StringConstructor;
196 |         noHtml: {
197 |             type: BooleanConstructor;
198 |             default: boolean;
199 |         };
200 |         noNl: {
201 |             type: BooleanConstructor;
202 |             default: boolean;
203 |         };
204 |     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
205 |         returned: StringConstructor;
206 |         'update:modelValue': StringConstructor;
207 |     }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
208 |         tag: StringConstructor;
209 |         contenteditable: {
210 |             type: (StringConstructor | BooleanConstructor)[];
211 |             default: boolean;
212 |         };
213 |         modelValue: StringConstructor;
214 |         noHtml: {
215 |             type: BooleanConstructor;
216 |             default: boolean;
217 |         };
218 |         noNl: {
219 |             type: BooleanConstructor;
220 |             default: boolean;
221 |         };
222 |     }>> & {
223 |         onReturned?: ((value?: any) => any) | undefined;
224 |         "onUpdate:modelValue"?: ((value?: any) => any) | undefined;
225 |     }, {
226 |         contenteditable: string | boolean;
227 |         noHtml: boolean;
228 |         noNl: boolean;
229 |     }>;
230 |     export default _default_1;
231 | }
232 | declare module "vue-contenteditable" {
233 |     import contenteditable from "components/contenteditable.vue";
234 |     export default contenteditable;
235 | }
236 | 


--------------------------------------------------------------------------------
/dist/vue-contenteditable.es.js:
--------------------------------------------------------------------------------
 1 | import { defineComponent, ref, onMounted, watch, openBlock, createBlock, resolveDynamicComponent } from "vue";
 2 | const _sfc_main = /* @__PURE__ */ defineComponent({
 3 |   __name: "contenteditable",
 4 |   props: {
 5 |     "tag": String,
 6 |     "contenteditable": {
 7 |       type: [Boolean, String],
 8 |       default: true
 9 |     },
10 |     "modelValue": String,
11 |     "noHtml": {
12 |       type: Boolean,
13 |       default: true
14 |     },
15 |     "noNl": {
16 |       type: Boolean,
17 |       default: false
18 |     }
19 |   },
20 |   emits: {
21 |     "returned": String,
22 |     "update:modelValue": String
23 |   },
24 |   setup(__props, { emit }) {
25 |     const props = __props;
26 |     function replaceAll(str, search, replacement) {
27 |       return str.split(search).join(replacement);
28 |     }
29 |     const element = ref();
30 |     function currentContent() {
31 |       return props.noHtml ? element.value.innerText : element.value.innerHTML;
32 |     }
33 |     function updateContent(newcontent) {
34 |       if (props.noHtml) {
35 |         element.value.innerText = newcontent;
36 |       } else {
37 |         element.value.innerHTML = newcontent;
38 |       }
39 |     }
40 |     function update(event) {
41 |       emit("update:modelValue", currentContent());
42 |     }
43 |     function onPaste(event) {
44 |       event.preventDefault();
45 |       let text = (event.originalEvent || event).clipboardData.getData("text/plain");
46 |       if (props.noNl) {
47 |         text = replaceAll(text, "\r\n", " ");
48 |         text = replaceAll(text, "\n", " ");
49 |         text = replaceAll(text, "\r", " ");
50 |       }
51 |       window.document.execCommand("insertText", false, text);
52 |     }
53 |     function onKeypress(event) {
54 |       if (event.key == "Enter" && props.noNl) {
55 |         event.preventDefault();
56 |         emit("returned", currentContent());
57 |       }
58 |     }
59 |     onMounted(() => {
60 |       var _a;
61 |       updateContent((_a = props.modelValue) != null ? _a : "");
62 |     });
63 |     watch(() => props.modelValue, (newval, oldval) => {
64 |       if (newval != currentContent()) {
65 |         updateContent(newval != null ? newval : "");
66 |       }
67 |     });
68 |     watch(() => props.noHtml, (newval, oldval) => {
69 |       var _a;
70 |       updateContent((_a = props.modelValue) != null ? _a : "");
71 |     });
72 |     watch(() => props.tag, (newval, oldval) => {
73 |       var _a;
74 |       updateContent((_a = props.modelValue) != null ? _a : "");
75 |     }, { flush: "post" });
76 |     return (_ctx, _cache) => {
77 |       return openBlock(), createBlock(resolveDynamicComponent(__props.tag), {
78 |         contenteditable: __props.contenteditable,
79 |         onInput: update,
80 |         onBlur: update,
81 |         onPaste,
82 |         onKeypress,
83 |         ref_key: "element",
84 |         ref: element
85 |       }, null, 40, ["contenteditable"]);
86 |     };
87 |   }
88 | });
89 | export { _sfc_main as default };
90 | 


--------------------------------------------------------------------------------
/dist/vue-contenteditable.umd.js:
--------------------------------------------------------------------------------
1 | (function(t,i){typeof exports=="object"&&typeof module!="undefined"?module.exports=i(require("vue")):typeof define=="function"&&define.amd?define(["vue"],i):(t=typeof globalThis!="undefined"?globalThis:t||self,t.contenteditable=i(t.Vue))})(this,function(t){"use strict";return t.defineComponent({__name:"contenteditable",props:{tag:String,contenteditable:{type:[Boolean,String],default:!0},modelValue:String,noHtml:{type:Boolean,default:!0},noNl:{type:Boolean,default:!1}},emits:{returned:String,"update:modelValue":String},setup(r,{emit:c}){const o=r;function d(e,n,l){return e.split(n).join(l)}const a=t.ref();function f(){return o.noHtml?a.value.innerText:a.value.innerHTML}function u(e){o.noHtml?a.value.innerText=e:a.value.innerHTML=e}function p(e){c("update:modelValue",f())}function s(e){e.preventDefault();let n=(e.originalEvent||e).clipboardData.getData("text/plain");o.noNl&&(n=d(n,`\r
2 | `," "),n=d(n,`
3 | `," "),n=d(n,"\r"," ")),window.document.execCommand("insertText",!1,n)}function m(e){e.key=="Enter"&&o.noNl&&(e.preventDefault(),c("returned",f()))}return t.onMounted(()=>{var e;u((e=o.modelValue)!=null?e:"")}),t.watch(()=>o.modelValue,(e,n)=>{e!=f()&&u(e!=null?e:"")}),t.watch(()=>o.noHtml,(e,n)=>{var l;u((l=o.modelValue)!=null?l:"")}),t.watch(()=>o.tag,(e,n)=>{var l;u((l=o.modelValue)!=null?l:"")},{flush:"post"}),(e,n)=>(t.openBlock(),t.createBlock(t.resolveDynamicComponent(r.tag),{contenteditable:r.contenteditable,onInput:p,onBlur:p,onPaste:s,onKeypress:m,ref_key:"element",ref:a},null,40,["contenteditable"]))}})});
4 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "vue-contenteditable",
 3 |   "version": "4.1.0",
 4 |   "scripts": {
 5 |     "build": "vite build && vue-tsc --declaration --emitDeclarationOnly --outFile dist/vue-contenteditable.js"
 6 |   },
 7 |   "author": "Léo Falventin Hauchecorne",
 8 |   "description": "This plugin provides a `<contenteditable/>` element supporting `v-model`. It also provides some (optional) features, like preventing html input and paste, or new lines.",
 9 |   "keywords": [
10 |     "vue",
11 |     "vuejs",
12 |     "vue 3",
13 |     "vue.js 3",
14 |     "contenteditable",
15 |     "input",
16 |     "vue-contenteditable",
17 |     "v-model",
18 |     "typescript"
19 |   ],
20 |   "homepage": "https://github.com/hl037/vue-contenteditable#vue-contenteditable",
21 |   "bugs": {
22 |     "url": "https://github.com/hl037/vue-contenteditable/issues",
23 |     "email": "hl037.prog@gmail.com"
24 |   },
25 |   "license": "MIT",
26 |   "repository": "github:hl037/vue-contenteditable",
27 |   "files": [
28 |     "dist/*"
29 |   ],
30 |   "peerDependencies": {
31 |     "vue": "^3.2.25"
32 |   },
33 |   "devDependencies": {
34 |     "vue": "^3.2.25",
35 |     "@vitejs/plugin-vue": "^2.3.3",
36 |     "typescript": "^4.5.4",
37 |     "vite": "^2.9.9",
38 |     "vue-tsc": "^0.34.7"
39 |   },
40 |   "type": "module",
41 |   "main": "dist/vue-contenteditable.es.js",
42 |   "types": "dist/vue-contenteditable.d.ts"
43 | }
44 | 


--------------------------------------------------------------------------------
/pnpm-lock.yaml:
--------------------------------------------------------------------------------
  1 | lockfileVersion: '6.0'
  2 | 
  3 | settings:
  4 |   autoInstallPeers: true
  5 |   excludeLinksFromLockfile: false
  6 | 
  7 | devDependencies:
  8 |   '@vitejs/plugin-vue':
  9 |     specifier: ^2.3.3
 10 |     version: 2.3.3(vite@2.9.12)(vue@3.2.37)
 11 |   typescript:
 12 |     specifier: ^4.5.4
 13 |     version: 4.7.3
 14 |   vite:
 15 |     specifier: ^2.9.9
 16 |     version: 2.9.12
 17 |   vue:
 18 |     specifier: ^3.2.25
 19 |     version: 3.2.37
 20 |   vue-tsc:
 21 |     specifier: ^0.34.7
 22 |     version: 0.34.17(typescript@4.7.3)
 23 | 
 24 | packages:
 25 | 
 26 |   /@babel/helper-validator-identifier@7.16.7:
 27 |     resolution: {integrity: sha512-hsEnFemeiW4D08A5gUAZxLBTXpZ39P+a+DGDsHw1yxqyQ/jzFEnxf5uTEGp+3bzAbNOxU1paTgYS4ECU/IgfDw==}
 28 |     engines: {node: '>=6.9.0'}
 29 |     dev: true
 30 | 
 31 |   /@babel/parser@7.18.5:
 32 |     resolution: {integrity: sha512-YZWVaglMiplo7v8f1oMQ5ZPQr0vn7HPeZXxXWsxXJRjGVrzUFn9OxFQl1sb5wzfootjA/yChhW84BV+383FSOw==}
 33 |     engines: {node: '>=6.0.0'}
 34 |     hasBin: true
 35 |     dependencies:
 36 |       '@babel/types': 7.18.4
 37 |     dev: true
 38 | 
 39 |   /@babel/types@7.18.4:
 40 |     resolution: {integrity: sha512-ThN1mBcMq5pG/Vm2IcBmPPfyPXbd8S02rS+OBIDENdufvqC7Z/jHPCv9IcP01277aKtDI8g/2XysBN4hA8niiw==}
 41 |     engines: {node: '>=6.9.0'}
 42 |     dependencies:
 43 |       '@babel/helper-validator-identifier': 7.16.7
 44 |       to-fast-properties: 2.0.0
 45 |     dev: true
 46 | 
 47 |   /@vitejs/plugin-vue@2.3.3(vite@2.9.12)(vue@3.2.37):
 48 |     resolution: {integrity: sha512-SmQLDyhz+6lGJhPELsBdzXGc+AcaT8stgkbiTFGpXPe8Tl1tJaBw1A6pxDqDuRsVkD8uscrkx3hA7QDOoKYtyw==}
 49 |     engines: {node: '>=12.0.0'}
 50 |     peerDependencies:
 51 |       vite: ^2.5.10
 52 |       vue: ^3.2.25
 53 |     dependencies:
 54 |       vite: 2.9.12
 55 |       vue: 3.2.37
 56 |     dev: true
 57 | 
 58 |   /@volar/code-gen@0.34.17:
 59 |     resolution: {integrity: sha512-rHR7BA71BJ/4S7xUOPMPiB7uk6iU9oTWpEMZxFi5VGC9iJmDncE82WzU5iYpcbOBCVHsOjMh0+5CGMgdO6SaPA==}
 60 |     dependencies:
 61 |       '@volar/source-map': 0.34.17
 62 |     dev: true
 63 | 
 64 |   /@volar/source-map@0.34.17:
 65 |     resolution: {integrity: sha512-3yn1IMXJGGWB/G817/VFlFMi8oh5pmE7VzUqvgMZMrppaZpKj6/juvJIEiXNxRsgWc0RxIO8OSp4htdPUg1Raw==}
 66 |     dev: true
 67 | 
 68 |   /@volar/vue-code-gen@0.34.17:
 69 |     resolution: {integrity: sha512-17pzcK29fyFWUc+C82J3JYSnA+jy3QNrIldb9kPaP9Itbik05ZjEIyEue9FjhgIAuHeYSn4LDM5s6nGjxyfhsQ==}
 70 |     dependencies:
 71 |       '@volar/code-gen': 0.34.17
 72 |       '@volar/source-map': 0.34.17
 73 |       '@vue/compiler-core': 3.2.37
 74 |       '@vue/compiler-dom': 3.2.37
 75 |       '@vue/shared': 3.2.37
 76 |     dev: true
 77 | 
 78 |   /@volar/vue-typescript@0.34.17:
 79 |     resolution: {integrity: sha512-U0YSVIBPRWVPmgJHNa4nrfq88+oS+tmyZNxmnfajIw9A/GOGZQiKXHC0k09SVvbYXlsjgJ6NIjhm9NuAhGRQjg==}
 80 |     dependencies:
 81 |       '@volar/code-gen': 0.34.17
 82 |       '@volar/source-map': 0.34.17
 83 |       '@volar/vue-code-gen': 0.34.17
 84 |       '@vue/compiler-sfc': 3.2.37
 85 |       '@vue/reactivity': 3.2.37
 86 |     dev: true
 87 | 
 88 |   /@vue/compiler-core@3.2.37:
 89 |     resolution: {integrity: sha512-81KhEjo7YAOh0vQJoSmAD68wLfYqJvoiD4ulyedzF+OEk/bk6/hx3fTNVfuzugIIaTrOx4PGx6pAiBRe5e9Zmg==}
 90 |     dependencies:
 91 |       '@babel/parser': 7.18.5
 92 |       '@vue/shared': 3.2.37
 93 |       estree-walker: 2.0.2
 94 |       source-map: 0.6.1
 95 |     dev: true
 96 | 
 97 |   /@vue/compiler-dom@3.2.37:
 98 |     resolution: {integrity: sha512-yxJLH167fucHKxaqXpYk7x8z7mMEnXOw3G2q62FTkmsvNxu4FQSu5+3UMb+L7fjKa26DEzhrmCxAgFLLIzVfqQ==}
 99 |     dependencies:
100 |       '@vue/compiler-core': 3.2.37
101 |       '@vue/shared': 3.2.37
102 |     dev: true
103 | 
104 |   /@vue/compiler-sfc@3.2.37:
105 |     resolution: {integrity: sha512-+7i/2+9LYlpqDv+KTtWhOZH+pa8/HnX/905MdVmAcI/mPQOBwkHHIzrsEsucyOIZQYMkXUiTkmZq5am/NyXKkg==}
106 |     dependencies:
107 |       '@babel/parser': 7.18.5
108 |       '@vue/compiler-core': 3.2.37
109 |       '@vue/compiler-dom': 3.2.37
110 |       '@vue/compiler-ssr': 3.2.37
111 |       '@vue/reactivity-transform': 3.2.37
112 |       '@vue/shared': 3.2.37
113 |       estree-walker: 2.0.2
114 |       magic-string: 0.25.9
115 |       postcss: 8.4.31
116 |       source-map: 0.6.1
117 |     dev: true
118 | 
119 |   /@vue/compiler-ssr@3.2.37:
120 |     resolution: {integrity: sha512-7mQJD7HdXxQjktmsWp/J67lThEIcxLemz1Vb5I6rYJHR5vI+lON3nPGOH3ubmbvYGt8xEUaAr1j7/tIFWiEOqw==}
121 |     dependencies:
122 |       '@vue/compiler-dom': 3.2.37
123 |       '@vue/shared': 3.2.37
124 |     dev: true
125 | 
126 |   /@vue/reactivity-transform@3.2.37:
127 |     resolution: {integrity: sha512-IWopkKEb+8qpu/1eMKVeXrK0NLw9HicGviJzhJDEyfxTR9e1WtpnnbYkJWurX6WwoFP0sz10xQg8yL8lgskAZg==}
128 |     dependencies:
129 |       '@babel/parser': 7.18.5
130 |       '@vue/compiler-core': 3.2.37
131 |       '@vue/shared': 3.2.37
132 |       estree-walker: 2.0.2
133 |       magic-string: 0.25.9
134 |     dev: true
135 | 
136 |   /@vue/reactivity@3.2.37:
137 |     resolution: {integrity: sha512-/7WRafBOshOc6m3F7plwzPeCu/RCVv9uMpOwa/5PiY1Zz+WLVRWiy0MYKwmg19KBdGtFWsmZ4cD+LOdVPcs52A==}
138 |     dependencies:
139 |       '@vue/shared': 3.2.37
140 |     dev: true
141 | 
142 |   /@vue/runtime-core@3.2.37:
143 |     resolution: {integrity: sha512-JPcd9kFyEdXLl/i0ClS7lwgcs0QpUAWj+SKX2ZC3ANKi1U4DOtiEr6cRqFXsPwY5u1L9fAjkinIdB8Rz3FoYNQ==}
144 |     dependencies:
145 |       '@vue/reactivity': 3.2.37
146 |       '@vue/shared': 3.2.37
147 |     dev: true
148 | 
149 |   /@vue/runtime-dom@3.2.37:
150 |     resolution: {integrity: sha512-HimKdh9BepShW6YozwRKAYjYQWg9mQn63RGEiSswMbW+ssIht1MILYlVGkAGGQbkhSh31PCdoUcfiu4apXJoPw==}
151 |     dependencies:
152 |       '@vue/runtime-core': 3.2.37
153 |       '@vue/shared': 3.2.37
154 |       csstype: 2.6.20
155 |     dev: true
156 | 
157 |   /@vue/server-renderer@3.2.37(vue@3.2.37):
158 |     resolution: {integrity: sha512-kLITEJvaYgZQ2h47hIzPh2K3jG8c1zCVbp/o/bzQOyvzaKiCquKS7AaioPI28GNxIsE/zSx+EwWYsNxDCX95MA==}
159 |     peerDependencies:
160 |       vue: 3.2.37
161 |     dependencies:
162 |       '@vue/compiler-ssr': 3.2.37
163 |       '@vue/shared': 3.2.37
164 |       vue: 3.2.37
165 |     dev: true
166 | 
167 |   /@vue/shared@3.2.37:
168 |     resolution: {integrity: sha512-4rSJemR2NQIo9Klm1vabqWjD8rs/ZaJSzMxkMNeJS6lHiUjjUeYFbooN19NgFjztubEKh3WlZUeOLVdbbUWHsw==}
169 |     dev: true
170 | 
171 |   /csstype@2.6.20:
172 |     resolution: {integrity: sha512-/WwNkdXfckNgw6S5R125rrW8ez139lBHWouiBvX8dfMFtcn6V81REDqnH7+CRpRipfYlyU1CmOnOxrmGcFOjeA==}
173 |     dev: true
174 | 
175 |   /esbuild-android-64@0.14.43:
176 |     resolution: {integrity: sha512-kqFXAS72K6cNrB6RiM7YJ5lNvmWRDSlpi7ZuRZ1hu1S3w0zlwcoCxWAyM23LQUyZSs1PbjHgdbbfYAN8IGh6xg==}
177 |     engines: {node: '>=12'}
178 |     cpu: [x64]
179 |     os: [android]
180 |     requiresBuild: true
181 |     dev: true
182 |     optional: true
183 | 
184 |   /esbuild-android-arm64@0.14.43:
185 |     resolution: {integrity: sha512-bKS2BBFh+7XZY9rpjiHGRNA7LvWYbZWP87pLehggTG7tTaCDvj8qQGOU/OZSjCSKDYbgY7Q+oDw8RlYQ2Jt2BA==}
186 |     engines: {node: '>=12'}
187 |     cpu: [arm64]
188 |     os: [android]
189 |     requiresBuild: true
190 |     dev: true
191 |     optional: true
192 | 
193 |   /esbuild-darwin-64@0.14.43:
194 |     resolution: {integrity: sha512-/3PSilx011ttoieRGkSZ0XV8zjBf2C9enV4ScMMbCT4dpx0mFhMOpFnCHkOK0pWGB8LklykFyHrWk2z6DENVUg==}
195 |     engines: {node: '>=12'}
196 |     cpu: [x64]
197 |     os: [darwin]
198 |     requiresBuild: true
199 |     dev: true
200 |     optional: true
201 | 
202 |   /esbuild-darwin-arm64@0.14.43:
203 |     resolution: {integrity: sha512-1HyFUKs8DMCBOvw1Qxpr5Vv/ThNcVIFb5xgXWK3pyT40WPvgYIiRTwJCvNs4l8i5qWF8/CK5bQxJVDjQvtv0Yw==}
204 |     engines: {node: '>=12'}
205 |     cpu: [arm64]
206 |     os: [darwin]
207 |     requiresBuild: true
208 |     dev: true
209 |     optional: true
210 | 
211 |   /esbuild-freebsd-64@0.14.43:
212 |     resolution: {integrity: sha512-FNWc05TPHYgaXjbPZO5/rJKSBslfG6BeMSs8GhwnqAKP56eEhvmzwnIz1QcC9cRVyO+IKqWNfmHFkCa1WJTULA==}
213 |     engines: {node: '>=12'}
214 |     cpu: [x64]
215 |     os: [freebsd]
216 |     requiresBuild: true
217 |     dev: true
218 |     optional: true
219 | 
220 |   /esbuild-freebsd-arm64@0.14.43:
221 |     resolution: {integrity: sha512-amrYopclz3VohqisOPR6hA3GOWA3LZC1WDLnp21RhNmoERmJ/vLnOpnrG2P/Zao+/erKTCUqmrCIPVtj58DRoA==}
222 |     engines: {node: '>=12'}
223 |     cpu: [arm64]
224 |     os: [freebsd]
225 |     requiresBuild: true
226 |     dev: true
227 |     optional: true
228 | 
229 |   /esbuild-linux-32@0.14.43:
230 |     resolution: {integrity: sha512-KoxoEra+9O3AKVvgDFvDkiuddCds6q71owSQEYwjtqRV7RwbPzKxJa6+uyzUulHcyGVq0g15K0oKG5CFBcvYDw==}
231 |     engines: {node: '>=12'}
232 |     cpu: [ia32]
233 |     os: [linux]
234 |     requiresBuild: true
235 |     dev: true
236 |     optional: true
237 | 
238 |   /esbuild-linux-64@0.14.43:
239 |     resolution: {integrity: sha512-EwINwGMyiJMgBby5/SbMqKcUhS5AYAZ2CpEBzSowsJPNBJEdhkCTtEjk757TN/wxgbu3QklqDM6KghY660QCUw==}
240 |     engines: {node: '>=12'}
241 |     cpu: [x64]
242 |     os: [linux]
243 |     requiresBuild: true
244 |     dev: true
245 |     optional: true
246 | 
247 |   /esbuild-linux-arm64@0.14.43:
248 |     resolution: {integrity: sha512-UlSpjMWllAc70zYbHxWuDS3FJytyuR/gHJYBr8BICcTNb/TSOYVBg6U7b3jZ3mILTrgzwJUHwhEwK18FZDouUQ==}
249 |     engines: {node: '>=12'}
250 |     cpu: [arm64]
251 |     os: [linux]
252 |     requiresBuild: true
253 |     dev: true
254 |     optional: true
255 | 
256 |   /esbuild-linux-arm@0.14.43:
257 |     resolution: {integrity: sha512-e6YzQUoDxxtyamuF12eVzzRC7bbEFSZohJ6igQB9tBqnNmIQY3fI6Cns3z2wxtbZ3f2o6idkD2fQnlvs2902Dg==}
258 |     engines: {node: '>=12'}
259 |     cpu: [arm]
260 |     os: [linux]
261 |     requiresBuild: true
262 |     dev: true
263 |     optional: true
264 | 
265 |   /esbuild-linux-mips64le@0.14.43:
266 |     resolution: {integrity: sha512-f+v8cInPEL1/SDP//CfSYzcDNgE4CY3xgDV81DWm3KAPWzhvxARrKxB1Pstf5mB56yAslJDxu7ryBUPX207EZA==}
267 |     engines: {node: '>=12'}
268 |     cpu: [mips64el]
269 |     os: [linux]
270 |     requiresBuild: true
271 |     dev: true
272 |     optional: true
273 | 
274 |   /esbuild-linux-ppc64le@0.14.43:
275 |     resolution: {integrity: sha512-5wZYMDGAL/K2pqkdIsW+I4IR41kyfHr/QshJcNpUfK3RjB3VQcPWOaZmc+74rm4ZjVirYrtz+jWw0SgxtxRanA==}
276 |     engines: {node: '>=12'}
277 |     cpu: [ppc64]
278 |     os: [linux]
279 |     requiresBuild: true
280 |     dev: true
281 |     optional: true
282 | 
283 |   /esbuild-linux-riscv64@0.14.43:
284 |     resolution: {integrity: sha512-lYcAOUxp85hC7lSjycJUVSmj4/9oEfSyXjb/ua9bNl8afonaduuqtw7hvKMoKuYnVwOCDw4RSfKpcnIRDWq+Bw==}
285 |     engines: {node: '>=12'}
286 |     cpu: [riscv64]
287 |     os: [linux]
288 |     requiresBuild: true
289 |     dev: true
290 |     optional: true
291 | 
292 |   /esbuild-linux-s390x@0.14.43:
293 |     resolution: {integrity: sha512-27e43ZhHvhFE4nM7HqtUbMRu37I/4eNSUbb8FGZWszV+uLzMIsHDwLoBiJmw7G9N+hrehNPeQ4F5Ujad0DrUKQ==}
294 |     engines: {node: '>=12'}
295 |     cpu: [s390x]
296 |     os: [linux]
297 |     requiresBuild: true
298 |     dev: true
299 |     optional: true
300 | 
301 |   /esbuild-netbsd-64@0.14.43:
302 |     resolution: {integrity: sha512-2mH4QF6hHBn5zzAfxEI/2eBC0mspVsZ6UVo821LpAJKMvLJPBk3XJO5xwg7paDqSqpl7p6IRrAenW999AEfJhQ==}
303 |     engines: {node: '>=12'}
304 |     cpu: [x64]
305 |     os: [netbsd]
306 |     requiresBuild: true
307 |     dev: true
308 |     optional: true
309 | 
310 |   /esbuild-openbsd-64@0.14.43:
311 |     resolution: {integrity: sha512-ZhQpiZjvqCqO8jKdGp9+8k9E/EHSA+zIWOg+grwZasI9RoblqJ1QiZqqi7jfd6ZrrG1UFBNGe4m0NFxCFbMVbg==}
312 |     engines: {node: '>=12'}
313 |     cpu: [x64]
314 |     os: [openbsd]
315 |     requiresBuild: true
316 |     dev: true
317 |     optional: true
318 | 
319 |   /esbuild-sunos-64@0.14.43:
320 |     resolution: {integrity: sha512-DgxSi9DaHReL9gYuul2rrQCAapgnCJkh3LSHPKsY26zytYppG0HgkgVF80zjIlvEsUbGBP/GHQzBtrezj/Zq1Q==}
321 |     engines: {node: '>=12'}
322 |     cpu: [x64]
323 |     os: [sunos]
324 |     requiresBuild: true
325 |     dev: true
326 |     optional: true
327 | 
328 |   /esbuild-windows-32@0.14.43:
329 |     resolution: {integrity: sha512-Ih3+2O5oExiqm0mY6YYE5dR0o8+AspccQ3vIAtRodwFvhuyGLjb0Hbmzun/F3Lw19nuhPMu3sW2fqIJ5xBxByw==}
330 |     engines: {node: '>=12'}
331 |     cpu: [ia32]
332 |     os: [win32]
333 |     requiresBuild: true
334 |     dev: true
335 |     optional: true
336 | 
337 |   /esbuild-windows-64@0.14.43:
338 |     resolution: {integrity: sha512-8NsuNfI8xwFuJbrCuI+aBqNTYkrWErejFO5aYM+yHqyHuL8mmepLS9EPzAzk8rvfaJrhN0+RvKWAcymViHOKEw==}
339 |     engines: {node: '>=12'}
340 |     cpu: [x64]
341 |     os: [win32]
342 |     requiresBuild: true
343 |     dev: true
344 |     optional: true
345 | 
346 |   /esbuild-windows-arm64@0.14.43:
347 |     resolution: {integrity: sha512-7ZlD7bo++kVRblJEoG+cepljkfP8bfuTPz5fIXzptwnPaFwGS6ahvfoYzY7WCf5v/1nX2X02HDraVItTgbHnKw==}
348 |     engines: {node: '>=12'}
349 |     cpu: [arm64]
350 |     os: [win32]
351 |     requiresBuild: true
352 |     dev: true
353 |     optional: true
354 | 
355 |   /esbuild@0.14.43:
356 |     resolution: {integrity: sha512-Uf94+kQmy/5jsFwKWiQB4hfo/RkM9Dh7b79p8yqd1tshULdr25G2szLz631NoH3s2ujnKEKVD16RmOxvCNKRFA==}
357 |     engines: {node: '>=12'}
358 |     hasBin: true
359 |     requiresBuild: true
360 |     optionalDependencies:
361 |       esbuild-android-64: 0.14.43
362 |       esbuild-android-arm64: 0.14.43
363 |       esbuild-darwin-64: 0.14.43
364 |       esbuild-darwin-arm64: 0.14.43
365 |       esbuild-freebsd-64: 0.14.43
366 |       esbuild-freebsd-arm64: 0.14.43
367 |       esbuild-linux-32: 0.14.43
368 |       esbuild-linux-64: 0.14.43
369 |       esbuild-linux-arm: 0.14.43
370 |       esbuild-linux-arm64: 0.14.43
371 |       esbuild-linux-mips64le: 0.14.43
372 |       esbuild-linux-ppc64le: 0.14.43
373 |       esbuild-linux-riscv64: 0.14.43
374 |       esbuild-linux-s390x: 0.14.43
375 |       esbuild-netbsd-64: 0.14.43
376 |       esbuild-openbsd-64: 0.14.43
377 |       esbuild-sunos-64: 0.14.43
378 |       esbuild-windows-32: 0.14.43
379 |       esbuild-windows-64: 0.14.43
380 |       esbuild-windows-arm64: 0.14.43
381 |     dev: true
382 | 
383 |   /estree-walker@2.0.2:
384 |     resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
385 |     dev: true
386 | 
387 |   /fsevents@2.3.2:
388 |     resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==}
389 |     engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
390 |     os: [darwin]
391 |     requiresBuild: true
392 |     dev: true
393 |     optional: true
394 | 
395 |   /function-bind@1.1.1:
396 |     resolution: {integrity: sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==}
397 |     dev: true
398 | 
399 |   /has@1.0.3:
400 |     resolution: {integrity: sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==}
401 |     engines: {node: '>= 0.4.0'}
402 |     dependencies:
403 |       function-bind: 1.1.1
404 |     dev: true
405 | 
406 |   /is-core-module@2.9.0:
407 |     resolution: {integrity: sha512-+5FPy5PnwmO3lvfMb0AsoPaBG+5KHUI0wYFXOtYPnVVVspTFUuMZNfNaNVRt3FZadstu2c8x23vykRW/NBoU6A==}
408 |     dependencies:
409 |       has: 1.0.3
410 |     dev: true
411 | 
412 |   /magic-string@0.25.9:
413 |     resolution: {integrity: sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==}
414 |     dependencies:
415 |       sourcemap-codec: 1.4.8
416 |     dev: true
417 | 
418 |   /nanoid@3.3.6:
419 |     resolution: {integrity: sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==}
420 |     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
421 |     hasBin: true
422 |     dev: true
423 | 
424 |   /path-parse@1.0.7:
425 |     resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
426 |     dev: true
427 | 
428 |   /picocolors@1.0.0:
429 |     resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==}
430 |     dev: true
431 | 
432 |   /postcss@8.4.31:
433 |     resolution: {integrity: sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==}
434 |     engines: {node: ^10 || ^12 || >=14}
435 |     dependencies:
436 |       nanoid: 3.3.6
437 |       picocolors: 1.0.0
438 |       source-map-js: 1.0.2
439 |     dev: true
440 | 
441 |   /resolve@1.22.0:
442 |     resolution: {integrity: sha512-Hhtrw0nLeSrFQ7phPp4OOcVjLPIeMnRlr5mcnVuMe7M/7eBn98A3hmFRLoFo3DLZkivSYwhRUJTyPyWAk56WLw==}
443 |     hasBin: true
444 |     dependencies:
445 |       is-core-module: 2.9.0
446 |       path-parse: 1.0.7
447 |       supports-preserve-symlinks-flag: 1.0.0
448 |     dev: true
449 | 
450 |   /rollup@2.75.6:
451 |     resolution: {integrity: sha512-OEf0TgpC9vU6WGROJIk1JA3LR5vk/yvqlzxqdrE2CzzXnqKXNzbAwlWUXis8RS3ZPe7LAq+YUxsRa0l3r27MLA==}
452 |     engines: {node: '>=10.0.0'}
453 |     hasBin: true
454 |     optionalDependencies:
455 |       fsevents: 2.3.2
456 |     dev: true
457 | 
458 |   /source-map-js@1.0.2:
459 |     resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==}
460 |     engines: {node: '>=0.10.0'}
461 |     dev: true
462 | 
463 |   /source-map@0.6.1:
464 |     resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
465 |     engines: {node: '>=0.10.0'}
466 |     dev: true
467 | 
468 |   /sourcemap-codec@1.4.8:
469 |     resolution: {integrity: sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==}
470 |     dev: true
471 | 
472 |   /supports-preserve-symlinks-flag@1.0.0:
473 |     resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
474 |     engines: {node: '>= 0.4'}
475 |     dev: true
476 | 
477 |   /to-fast-properties@2.0.0:
478 |     resolution: {integrity: sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==}
479 |     engines: {node: '>=4'}
480 |     dev: true
481 | 
482 |   /typescript@4.7.3:
483 |     resolution: {integrity: sha512-WOkT3XYvrpXx4vMMqlD+8R8R37fZkjyLGlxavMc4iB8lrl8L0DeTcHbYgw/v0N/z9wAFsgBhcsF0ruoySS22mA==}
484 |     engines: {node: '>=4.2.0'}
485 |     hasBin: true
486 |     dev: true
487 | 
488 |   /vite@2.9.12:
489 |     resolution: {integrity: sha512-suxC36dQo9Rq1qMB2qiRorNJtJAdxguu5TMvBHOc/F370KvqAe9t48vYp+/TbPKRNrMh/J55tOUmkuIqstZaew==}
490 |     engines: {node: '>=12.2.0'}
491 |     hasBin: true
492 |     peerDependencies:
493 |       less: '*'
494 |       sass: '*'
495 |       stylus: '*'
496 |     peerDependenciesMeta:
497 |       less:
498 |         optional: true
499 |       sass:
500 |         optional: true
501 |       stylus:
502 |         optional: true
503 |     dependencies:
504 |       esbuild: 0.14.43
505 |       postcss: 8.4.31
506 |       resolve: 1.22.0
507 |       rollup: 2.75.6
508 |     optionalDependencies:
509 |       fsevents: 2.3.2
510 |     dev: true
511 | 
512 |   /vue-tsc@0.34.17(typescript@4.7.3):
513 |     resolution: {integrity: sha512-jzUXky44ZLHC4daaJag7FQr3idlPYN719/K1eObGljz5KaS2UnVGTU/XSYCd7d6ampYYg4OsyalbHyJIxV0aEQ==}
514 |     hasBin: true
515 |     peerDependencies:
516 |       typescript: '*'
517 |     dependencies:
518 |       '@volar/vue-typescript': 0.34.17
519 |       typescript: 4.7.3
520 |     dev: true
521 | 
522 |   /vue@3.2.37:
523 |     resolution: {integrity: sha512-bOKEZxrm8Eh+fveCqS1/NkG/n6aMidsI6hahas7pa0w/l7jkbssJVsRhVDs07IdDq7h9KHswZOgItnwJAgtVtQ==}
524 |     dependencies:
525 |       '@vue/compiler-dom': 3.2.37
526 |       '@vue/compiler-sfc': 3.2.37
527 |       '@vue/runtime-dom': 3.2.37
528 |       '@vue/server-renderer': 3.2.37(vue@3.2.37)
529 |       '@vue/shared': 3.2.37
530 |     dev: true
531 | 


--------------------------------------------------------------------------------
/samples/vite_js_sample/.gitignore:
--------------------------------------------------------------------------------
 1 | # Logs
 2 | logs
 3 | *.log
 4 | npm-debug.log*
 5 | yarn-debug.log*
 6 | yarn-error.log*
 7 | pnpm-debug.log*
 8 | lerna-debug.log*
 9 | 
10 | node_modules
11 | dist
12 | dist-ssr
13 | *.local
14 | 
15 | # Editor directories and files
16 | .vscode/*
17 | !.vscode/extensions.json
18 | .idea
19 | .DS_Store
20 | *.suo
21 | *.ntvs*
22 | *.njsproj
23 | *.sln
24 | *.sw?
25 | 


--------------------------------------------------------------------------------
/samples/vite_js_sample/.vscode/extensions.json:
--------------------------------------------------------------------------------
1 | {
2 |   "recommendations": ["Vue.volar"]
3 | }
4 | 


--------------------------------------------------------------------------------
/samples/vite_js_sample/README.md:
--------------------------------------------------------------------------------
1 | # Vue 3 + Vite
2 | 
3 | This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
4 | 
5 | ## Recommended IDE Setup
6 | 
7 | - [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar)
8 | 


--------------------------------------------------------------------------------
/samples/vite_js_sample/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="UTF-8" />
 5 |     <link rel="icon" href="/favicon.ico" />
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 7 |     <title>Vite App</title>
 8 |   </head>
 9 |   <body>
10 |     <div id="app"></div>
11 |     <script type="module" src="/src/main.js"></script>
12 |   </body>
13 | </html>
14 | 


--------------------------------------------------------------------------------
/samples/vite_js_sample/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "vite_js_sample",
 3 |   "private": true,
 4 |   "version": "0.0.0",
 5 |   "scripts": {
 6 |     "dev": "vite",
 7 |     "build": "vite build",
 8 |     "preview": "vite preview"
 9 |   },
10 |   "dependencies": {
11 |     "vue": "^3.2.25",
12 |     "vue-contenteditable": "^4.0.0"
13 |   },
14 |   "devDependencies": {
15 |     "@vitejs/plugin-vue": "^2.3.3",
16 |     "vite": "^2.9.9"
17 |   }
18 | }


--------------------------------------------------------------------------------
/samples/vite_js_sample/pnpm-lock.yaml:
--------------------------------------------------------------------------------
  1 | lockfileVersion: '6.0'
  2 | 
  3 | settings:
  4 |   autoInstallPeers: true
  5 |   excludeLinksFromLockfile: false
  6 | 
  7 | dependencies:
  8 |   vue:
  9 |     specifier: ^3.2.25
 10 |     version: 3.2.37
 11 |   vue-contenteditable:
 12 |     specifier: ^4.0.0
 13 |     version: 4.1.0(vue@3.2.37)
 14 | 
 15 | devDependencies:
 16 |   '@vitejs/plugin-vue':
 17 |     specifier: ^2.3.3
 18 |     version: 2.3.3(vite@2.9.12)(vue@3.2.37)
 19 |   vite:
 20 |     specifier: ^2.9.9
 21 |     version: 2.9.12
 22 | 
 23 | packages:
 24 | 
 25 |   /@babel/helper-validator-identifier@7.16.7:
 26 |     resolution: {integrity: sha512-hsEnFemeiW4D08A5gUAZxLBTXpZ39P+a+DGDsHw1yxqyQ/jzFEnxf5uTEGp+3bzAbNOxU1paTgYS4ECU/IgfDw==}
 27 |     engines: {node: '>=6.9.0'}
 28 | 
 29 |   /@babel/parser@7.18.5:
 30 |     resolution: {integrity: sha512-YZWVaglMiplo7v8f1oMQ5ZPQr0vn7HPeZXxXWsxXJRjGVrzUFn9OxFQl1sb5wzfootjA/yChhW84BV+383FSOw==}
 31 |     engines: {node: '>=6.0.0'}
 32 |     hasBin: true
 33 |     dependencies:
 34 |       '@babel/types': 7.18.4
 35 | 
 36 |   /@babel/types@7.18.4:
 37 |     resolution: {integrity: sha512-ThN1mBcMq5pG/Vm2IcBmPPfyPXbd8S02rS+OBIDENdufvqC7Z/jHPCv9IcP01277aKtDI8g/2XysBN4hA8niiw==}
 38 |     engines: {node: '>=6.9.0'}
 39 |     dependencies:
 40 |       '@babel/helper-validator-identifier': 7.16.7
 41 |       to-fast-properties: 2.0.0
 42 | 
 43 |   /@vitejs/plugin-vue@2.3.3(vite@2.9.12)(vue@3.2.37):
 44 |     resolution: {integrity: sha512-SmQLDyhz+6lGJhPELsBdzXGc+AcaT8stgkbiTFGpXPe8Tl1tJaBw1A6pxDqDuRsVkD8uscrkx3hA7QDOoKYtyw==}
 45 |     engines: {node: '>=12.0.0'}
 46 |     peerDependencies:
 47 |       vite: ^2.5.10
 48 |       vue: ^3.2.25
 49 |     dependencies:
 50 |       vite: 2.9.12
 51 |       vue: 3.2.37
 52 |     dev: true
 53 | 
 54 |   /@vue/compiler-core@3.2.37:
 55 |     resolution: {integrity: sha512-81KhEjo7YAOh0vQJoSmAD68wLfYqJvoiD4ulyedzF+OEk/bk6/hx3fTNVfuzugIIaTrOx4PGx6pAiBRe5e9Zmg==}
 56 |     dependencies:
 57 |       '@babel/parser': 7.18.5
 58 |       '@vue/shared': 3.2.37
 59 |       estree-walker: 2.0.2
 60 |       source-map: 0.6.1
 61 | 
 62 |   /@vue/compiler-dom@3.2.37:
 63 |     resolution: {integrity: sha512-yxJLH167fucHKxaqXpYk7x8z7mMEnXOw3G2q62FTkmsvNxu4FQSu5+3UMb+L7fjKa26DEzhrmCxAgFLLIzVfqQ==}
 64 |     dependencies:
 65 |       '@vue/compiler-core': 3.2.37
 66 |       '@vue/shared': 3.2.37
 67 | 
 68 |   /@vue/compiler-sfc@3.2.37:
 69 |     resolution: {integrity: sha512-+7i/2+9LYlpqDv+KTtWhOZH+pa8/HnX/905MdVmAcI/mPQOBwkHHIzrsEsucyOIZQYMkXUiTkmZq5am/NyXKkg==}
 70 |     dependencies:
 71 |       '@babel/parser': 7.18.5
 72 |       '@vue/compiler-core': 3.2.37
 73 |       '@vue/compiler-dom': 3.2.37
 74 |       '@vue/compiler-ssr': 3.2.37
 75 |       '@vue/reactivity-transform': 3.2.37
 76 |       '@vue/shared': 3.2.37
 77 |       estree-walker: 2.0.2
 78 |       magic-string: 0.25.9
 79 |       postcss: 8.4.31
 80 |       source-map: 0.6.1
 81 | 
 82 |   /@vue/compiler-ssr@3.2.37:
 83 |     resolution: {integrity: sha512-7mQJD7HdXxQjktmsWp/J67lThEIcxLemz1Vb5I6rYJHR5vI+lON3nPGOH3ubmbvYGt8xEUaAr1j7/tIFWiEOqw==}
 84 |     dependencies:
 85 |       '@vue/compiler-dom': 3.2.37
 86 |       '@vue/shared': 3.2.37
 87 | 
 88 |   /@vue/reactivity-transform@3.2.37:
 89 |     resolution: {integrity: sha512-IWopkKEb+8qpu/1eMKVeXrK0NLw9HicGviJzhJDEyfxTR9e1WtpnnbYkJWurX6WwoFP0sz10xQg8yL8lgskAZg==}
 90 |     dependencies:
 91 |       '@babel/parser': 7.18.5
 92 |       '@vue/compiler-core': 3.2.37
 93 |       '@vue/shared': 3.2.37
 94 |       estree-walker: 2.0.2
 95 |       magic-string: 0.25.9
 96 | 
 97 |   /@vue/reactivity@3.2.37:
 98 |     resolution: {integrity: sha512-/7WRafBOshOc6m3F7plwzPeCu/RCVv9uMpOwa/5PiY1Zz+WLVRWiy0MYKwmg19KBdGtFWsmZ4cD+LOdVPcs52A==}
 99 |     dependencies:
100 |       '@vue/shared': 3.2.37
101 | 
102 |   /@vue/runtime-core@3.2.37:
103 |     resolution: {integrity: sha512-JPcd9kFyEdXLl/i0ClS7lwgcs0QpUAWj+SKX2ZC3ANKi1U4DOtiEr6cRqFXsPwY5u1L9fAjkinIdB8Rz3FoYNQ==}
104 |     dependencies:
105 |       '@vue/reactivity': 3.2.37
106 |       '@vue/shared': 3.2.37
107 | 
108 |   /@vue/runtime-dom@3.2.37:
109 |     resolution: {integrity: sha512-HimKdh9BepShW6YozwRKAYjYQWg9mQn63RGEiSswMbW+ssIht1MILYlVGkAGGQbkhSh31PCdoUcfiu4apXJoPw==}
110 |     dependencies:
111 |       '@vue/runtime-core': 3.2.37
112 |       '@vue/shared': 3.2.37
113 |       csstype: 2.6.20
114 | 
115 |   /@vue/server-renderer@3.2.37(vue@3.2.37):
116 |     resolution: {integrity: sha512-kLITEJvaYgZQ2h47hIzPh2K3jG8c1zCVbp/o/bzQOyvzaKiCquKS7AaioPI28GNxIsE/zSx+EwWYsNxDCX95MA==}
117 |     peerDependencies:
118 |       vue: 3.2.37
119 |     dependencies:
120 |       '@vue/compiler-ssr': 3.2.37
121 |       '@vue/shared': 3.2.37
122 |       vue: 3.2.37
123 | 
124 |   /@vue/shared@3.2.37:
125 |     resolution: {integrity: sha512-4rSJemR2NQIo9Klm1vabqWjD8rs/ZaJSzMxkMNeJS6lHiUjjUeYFbooN19NgFjztubEKh3WlZUeOLVdbbUWHsw==}
126 | 
127 |   /csstype@2.6.20:
128 |     resolution: {integrity: sha512-/WwNkdXfckNgw6S5R125rrW8ez139lBHWouiBvX8dfMFtcn6V81REDqnH7+CRpRipfYlyU1CmOnOxrmGcFOjeA==}
129 | 
130 |   /esbuild-android-64@0.14.44:
131 |     resolution: {integrity: sha512-dFPHBXmx385zuJULAD/Cmq/LyPRXiAWbf9ylZtY0wJ8iVyWfKYaCYxeJx8OAZUuj46ZwNa7MzW2GBAQLOeiemg==}
132 |     engines: {node: '>=12'}
133 |     cpu: [x64]
134 |     os: [android]
135 |     requiresBuild: true
136 |     dev: true
137 |     optional: true
138 | 
139 |   /esbuild-android-arm64@0.14.44:
140 |     resolution: {integrity: sha512-qqaqqyxHXjZ/0ddKU3I3Nb7lAvVM69ELMhb8+91FyomAUmQPlHtxe+TTiWxXGHE72XEzcgTEGq4VauqLNkN22g==}
141 |     engines: {node: '>=12'}
142 |     cpu: [arm64]
143 |     os: [android]
144 |     requiresBuild: true
145 |     dev: true
146 |     optional: true
147 | 
148 |   /esbuild-darwin-64@0.14.44:
149 |     resolution: {integrity: sha512-RBmtGKGY06+AW6IOJ1LE/dEeF7HH34C1/Ces9FSitU4bIbIpL4KEuQpTFoxwb4ry5s2hyw7vbPhhtyOd18FH9g==}
150 |     engines: {node: '>=12'}
151 |     cpu: [x64]
152 |     os: [darwin]
153 |     requiresBuild: true
154 |     dev: true
155 |     optional: true
156 | 
157 |   /esbuild-darwin-arm64@0.14.44:
158 |     resolution: {integrity: sha512-Bmhx5Cfo4Hdb7WyyyDupTB8HPmnFZ8baLfPlzLdYvF6OzsIbV+CY+m/AWf0OQvY40BlkzCLJ/7Lfwbb71Tngmg==}
159 |     engines: {node: '>=12'}
160 |     cpu: [arm64]
161 |     os: [darwin]
162 |     requiresBuild: true
163 |     dev: true
164 |     optional: true
165 | 
166 |   /esbuild-freebsd-64@0.14.44:
167 |     resolution: {integrity: sha512-O4HpWa5ZgxbNPQTF7URicLzYa+TidGlmGT/RAC3GjbGEQQYkd0R1Slyh69Yrmb2qmcOcPAgWHbNo1UhK4WmZ4w==}
168 |     engines: {node: '>=12'}
169 |     cpu: [x64]
170 |     os: [freebsd]
171 |     requiresBuild: true
172 |     dev: true
173 |     optional: true
174 | 
175 |   /esbuild-freebsd-arm64@0.14.44:
176 |     resolution: {integrity: sha512-f0/jkAKccnDY7mg1F9l/AMzEm+VXWXK6c3IrOEmd13jyKfpTZKTIlt+yI04THPDCDZTzXHTRUBLozqp+m8Mg5Q==}
177 |     engines: {node: '>=12'}
178 |     cpu: [arm64]
179 |     os: [freebsd]
180 |     requiresBuild: true
181 |     dev: true
182 |     optional: true
183 | 
184 |   /esbuild-linux-32@0.14.44:
185 |     resolution: {integrity: sha512-WSIhzLldMR7YUoEL7Ix319tC+NFmW9Pu7NgFWxUfOXeWsT0Wg484hm6bNgs7+oY2pGzg715y/Wrqi1uNOMmZJw==}
186 |     engines: {node: '>=12'}
187 |     cpu: [ia32]
188 |     os: [linux]
189 |     requiresBuild: true
190 |     dev: true
191 |     optional: true
192 | 
193 |   /esbuild-linux-64@0.14.44:
194 |     resolution: {integrity: sha512-zgscTrCMcRZRIsVugqBTP/B5lPLNchBlWjQ8sQq2Epnv+UDtYKgXEq1ctWAmibZNy2E9QRCItKMeIEqeTUT5kA==}
195 |     engines: {node: '>=12'}
196 |     cpu: [x64]
197 |     os: [linux]
198 |     requiresBuild: true
199 |     dev: true
200 |     optional: true
201 | 
202 |   /esbuild-linux-arm64@0.14.44:
203 |     resolution: {integrity: sha512-H0H/2/wgiScTwBve/JR8/o+Zhabx5KPk8T2mkYZFKQGl1hpUgC+AOmRyqy/Js3p66Wim4F4Akv3I3sJA1sKg0w==}
204 |     engines: {node: '>=12'}
205 |     cpu: [arm64]
206 |     os: [linux]
207 |     requiresBuild: true
208 |     dev: true
209 |     optional: true
210 | 
211 |   /esbuild-linux-arm@0.14.44:
212 |     resolution: {integrity: sha512-laPBPwGfsbBxGw6F6jnqic2CPXLyC1bPrmnSOeJ9oEnx1rcKkizd4HWCRUc0xv+l4z/USRfx/sEfYlWSLeqoJQ==}
213 |     engines: {node: '>=12'}
214 |     cpu: [arm]
215 |     os: [linux]
216 |     requiresBuild: true
217 |     dev: true
218 |     optional: true
219 | 
220 |   /esbuild-linux-mips64le@0.14.44:
221 |     resolution: {integrity: sha512-ri3Okw0aleYy7o5n9zlIq+FCtq3tcMlctN6X1H1ucILjBJuH8pan2trJPKWeb8ppntFvE28I9eEXhwkWh6wYKg==}
222 |     engines: {node: '>=12'}
223 |     cpu: [mips64el]
224 |     os: [linux]
225 |     requiresBuild: true
226 |     dev: true
227 |     optional: true
228 | 
229 |   /esbuild-linux-ppc64le@0.14.44:
230 |     resolution: {integrity: sha512-96TqL/MvFRuIVXz+GtCIXzRQ43ZwEk4XTn0RWUNJduXXMDQ/V1iOV28U6x6Oe3NesK4xkoKSaK2+F3VHcU8ZrA==}
231 |     engines: {node: '>=12'}
232 |     cpu: [ppc64]
233 |     os: [linux]
234 |     requiresBuild: true
235 |     dev: true
236 |     optional: true
237 | 
238 |   /esbuild-linux-riscv64@0.14.44:
239 |     resolution: {integrity: sha512-rrK9qEp2M8dhilsPn4T9gxUsAumkITc1kqYbpyNMr9EWo+J5ZBj04n3GYldULrcCw4ZCHAJ+qPjqr8b6kG2inA==}
240 |     engines: {node: '>=12'}
241 |     cpu: [riscv64]
242 |     os: [linux]
243 |     requiresBuild: true
244 |     dev: true
245 |     optional: true
246 | 
247 |   /esbuild-linux-s390x@0.14.44:
248 |     resolution: {integrity: sha512-2YmTm9BrW5aUwBSe8wIEARd9EcnOQmkHp4+IVaO09Ez/C5T866x+ABzhG0bwx0b+QRo9q97CRMaQx2Ngb6/hfw==}
249 |     engines: {node: '>=12'}
250 |     cpu: [s390x]
251 |     os: [linux]
252 |     requiresBuild: true
253 |     dev: true
254 |     optional: true
255 | 
256 |   /esbuild-netbsd-64@0.14.44:
257 |     resolution: {integrity: sha512-zypdzPmZTCqYS30WHxbcvtC0E6e/ECvl4WueUdbdWhs2dfWJt5RtCBME664EpTznixR3lSN1MQ2NhwQF8MQryw==}
258 |     engines: {node: '>=12'}
259 |     cpu: [x64]
260 |     os: [netbsd]
261 |     requiresBuild: true
262 |     dev: true
263 |     optional: true
264 | 
265 |   /esbuild-openbsd-64@0.14.44:
266 |     resolution: {integrity: sha512-8J43ab9ByYl7KteC03HGQjr2HY1ge7sN04lFnwMFWYk2NCn8IuaeeThvLeNjzOYhyT3I6K8puJP0uVXUu+D1xw==}
267 |     engines: {node: '>=12'}
268 |     cpu: [x64]
269 |     os: [openbsd]
270 |     requiresBuild: true
271 |     dev: true
272 |     optional: true
273 | 
274 |   /esbuild-sunos-64@0.14.44:
275 |     resolution: {integrity: sha512-OH1/09CGUJwffA+HNM6mqPkSIyHVC3ZnURU/4CCIx7IqWUBn1Sh1HRLQC8/TWNgcs0/1u7ygnc2pgf/AHZJ/Ow==}
276 |     engines: {node: '>=12'}
277 |     cpu: [x64]
278 |     os: [sunos]
279 |     requiresBuild: true
280 |     dev: true
281 |     optional: true
282 | 
283 |   /esbuild-windows-32@0.14.44:
284 |     resolution: {integrity: sha512-mCAOL9/rRqwfOfxTu2sjq/eAIs7eAXGiU6sPBnowggI7QS953Iq6o3/uDu010LwfN7zr18c/lEj6/PTwwTB3AA==}
285 |     engines: {node: '>=12'}
286 |     cpu: [ia32]
287 |     os: [win32]
288 |     requiresBuild: true
289 |     dev: true
290 |     optional: true
291 | 
292 |   /esbuild-windows-64@0.14.44:
293 |     resolution: {integrity: sha512-AG6BH3+YG0s2Q/IfB1cm68FdyFnoE1P+GFbmgFO3tA4UIP8+BKsmKGGZ5I3+ZjcnzOwvT74bQRVrfnQow2KO5Q==}
294 |     engines: {node: '>=12'}
295 |     cpu: [x64]
296 |     os: [win32]
297 |     requiresBuild: true
298 |     dev: true
299 |     optional: true
300 | 
301 |   /esbuild-windows-arm64@0.14.44:
302 |     resolution: {integrity: sha512-ygYPfYE5By4Sd6szsNr10B0RtWVNOSGmZABSaj4YQBLqh9b9i45VAjVWa8tyIy+UAbKF7WGwybi2wTbSVliO8A==}
303 |     engines: {node: '>=12'}
304 |     cpu: [arm64]
305 |     os: [win32]
306 |     requiresBuild: true
307 |     dev: true
308 |     optional: true
309 | 
310 |   /esbuild@0.14.44:
311 |     resolution: {integrity: sha512-Rn+lRRfj60r/3svI6NgAVnetzp3vMOj17BThuhshSj/gS1LR03xrjkDYyfPmrYG/0c3D68rC6FNYMQ3yRbiXeQ==}
312 |     engines: {node: '>=12'}
313 |     hasBin: true
314 |     requiresBuild: true
315 |     optionalDependencies:
316 |       esbuild-android-64: 0.14.44
317 |       esbuild-android-arm64: 0.14.44
318 |       esbuild-darwin-64: 0.14.44
319 |       esbuild-darwin-arm64: 0.14.44
320 |       esbuild-freebsd-64: 0.14.44
321 |       esbuild-freebsd-arm64: 0.14.44
322 |       esbuild-linux-32: 0.14.44
323 |       esbuild-linux-64: 0.14.44
324 |       esbuild-linux-arm: 0.14.44
325 |       esbuild-linux-arm64: 0.14.44
326 |       esbuild-linux-mips64le: 0.14.44
327 |       esbuild-linux-ppc64le: 0.14.44
328 |       esbuild-linux-riscv64: 0.14.44
329 |       esbuild-linux-s390x: 0.14.44
330 |       esbuild-netbsd-64: 0.14.44
331 |       esbuild-openbsd-64: 0.14.44
332 |       esbuild-sunos-64: 0.14.44
333 |       esbuild-windows-32: 0.14.44
334 |       esbuild-windows-64: 0.14.44
335 |       esbuild-windows-arm64: 0.14.44
336 |     dev: true
337 | 
338 |   /estree-walker@2.0.2:
339 |     resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
340 | 
341 |   /fsevents@2.3.2:
342 |     resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==}
343 |     engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
344 |     os: [darwin]
345 |     requiresBuild: true
346 |     dev: true
347 |     optional: true
348 | 
349 |   /function-bind@1.1.1:
350 |     resolution: {integrity: sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==}
351 |     dev: true
352 | 
353 |   /has@1.0.3:
354 |     resolution: {integrity: sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==}
355 |     engines: {node: '>= 0.4.0'}
356 |     dependencies:
357 |       function-bind: 1.1.1
358 |     dev: true
359 | 
360 |   /is-core-module@2.9.0:
361 |     resolution: {integrity: sha512-+5FPy5PnwmO3lvfMb0AsoPaBG+5KHUI0wYFXOtYPnVVVspTFUuMZNfNaNVRt3FZadstu2c8x23vykRW/NBoU6A==}
362 |     dependencies:
363 |       has: 1.0.3
364 |     dev: true
365 | 
366 |   /magic-string@0.25.9:
367 |     resolution: {integrity: sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==}
368 |     dependencies:
369 |       sourcemap-codec: 1.4.8
370 | 
371 |   /nanoid@3.3.6:
372 |     resolution: {integrity: sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==}
373 |     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
374 |     hasBin: true
375 | 
376 |   /path-parse@1.0.7:
377 |     resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
378 |     dev: true
379 | 
380 |   /picocolors@1.0.0:
381 |     resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==}
382 | 
383 |   /postcss@8.4.31:
384 |     resolution: {integrity: sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==}
385 |     engines: {node: ^10 || ^12 || >=14}
386 |     dependencies:
387 |       nanoid: 3.3.6
388 |       picocolors: 1.0.0
389 |       source-map-js: 1.0.2
390 | 
391 |   /resolve@1.22.0:
392 |     resolution: {integrity: sha512-Hhtrw0nLeSrFQ7phPp4OOcVjLPIeMnRlr5mcnVuMe7M/7eBn98A3hmFRLoFo3DLZkivSYwhRUJTyPyWAk56WLw==}
393 |     hasBin: true
394 |     dependencies:
395 |       is-core-module: 2.9.0
396 |       path-parse: 1.0.7
397 |       supports-preserve-symlinks-flag: 1.0.0
398 |     dev: true
399 | 
400 |   /rollup@2.75.6:
401 |     resolution: {integrity: sha512-OEf0TgpC9vU6WGROJIk1JA3LR5vk/yvqlzxqdrE2CzzXnqKXNzbAwlWUXis8RS3ZPe7LAq+YUxsRa0l3r27MLA==}
402 |     engines: {node: '>=10.0.0'}
403 |     hasBin: true
404 |     optionalDependencies:
405 |       fsevents: 2.3.2
406 |     dev: true
407 | 
408 |   /source-map-js@1.0.2:
409 |     resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==}
410 |     engines: {node: '>=0.10.0'}
411 | 
412 |   /source-map@0.6.1:
413 |     resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
414 |     engines: {node: '>=0.10.0'}
415 | 
416 |   /sourcemap-codec@1.4.8:
417 |     resolution: {integrity: sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==}
418 | 
419 |   /supports-preserve-symlinks-flag@1.0.0:
420 |     resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
421 |     engines: {node: '>= 0.4'}
422 |     dev: true
423 | 
424 |   /to-fast-properties@2.0.0:
425 |     resolution: {integrity: sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==}
426 |     engines: {node: '>=4'}
427 | 
428 |   /vite@2.9.12:
429 |     resolution: {integrity: sha512-suxC36dQo9Rq1qMB2qiRorNJtJAdxguu5TMvBHOc/F370KvqAe9t48vYp+/TbPKRNrMh/J55tOUmkuIqstZaew==}
430 |     engines: {node: '>=12.2.0'}
431 |     hasBin: true
432 |     peerDependencies:
433 |       less: '*'
434 |       sass: '*'
435 |       stylus: '*'
436 |     peerDependenciesMeta:
437 |       less:
438 |         optional: true
439 |       sass:
440 |         optional: true
441 |       stylus:
442 |         optional: true
443 |     dependencies:
444 |       esbuild: 0.14.44
445 |       postcss: 8.4.31
446 |       resolve: 1.22.0
447 |       rollup: 2.75.6
448 |     optionalDependencies:
449 |       fsevents: 2.3.2
450 |     dev: true
451 | 
452 |   /vue-contenteditable@4.1.0(vue@3.2.37):
453 |     resolution: {integrity: sha512-PCQD8JNYt6lbocYvquHB0p3SWd0QGtHNydfbO4Ma3wOMiUTwjJiCyBv3vJRf7WvTkuLObn66GqEYUurfBLfrRQ==}
454 |     peerDependencies:
455 |       vue: ^3.2.25
456 |     dependencies:
457 |       vue: 3.2.37
458 |     dev: false
459 | 
460 |   /vue@3.2.37:
461 |     resolution: {integrity: sha512-bOKEZxrm8Eh+fveCqS1/NkG/n6aMidsI6hahas7pa0w/l7jkbssJVsRhVDs07IdDq7h9KHswZOgItnwJAgtVtQ==}
462 |     dependencies:
463 |       '@vue/compiler-dom': 3.2.37
464 |       '@vue/compiler-sfc': 3.2.37
465 |       '@vue/runtime-dom': 3.2.37
466 |       '@vue/server-renderer': 3.2.37(vue@3.2.37)
467 |       '@vue/shared': 3.2.37
468 | 


--------------------------------------------------------------------------------
/samples/vite_js_sample/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hl037/vue-contenteditable/8acaec762cb4d2317aa83d5a9d5f393cf2a2784e/samples/vite_js_sample/public/favicon.ico


--------------------------------------------------------------------------------
/samples/vite_js_sample/src/App.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <HelloWorld/>
 3 | </template>
 4 | 
 5 | <script>
 6 | import { defineComponent } from 'vue';
 7 | import HelloWorld from './components/HelloWorld.vue';
 8 | 
 9 | export default defineComponent({
10 |   name: 'App',
11 |   components: {
12 |     HelloWorld
13 |   }
14 | });
15 | </script>
16 | 
17 | <style>
18 | #app {
19 |   font-family: Avenir, Helvetica, Arial, sans-serif;
20 |   -webkit-font-smoothing: antialiased;
21 |   -moz-osx-font-smoothing: grayscale;
22 |   text-align: center;
23 |   color: #2c3e50;
24 |   margin-top: 60px;
25 | }
26 | </style>
27 | 


--------------------------------------------------------------------------------
/samples/vite_js_sample/src/assets/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hl037/vue-contenteditable/8acaec762cb4d2317aa83d5a9d5f393cf2a2784e/samples/vite_js_sample/src/assets/logo.png


--------------------------------------------------------------------------------
/samples/vite_js_sample/src/components/HelloWorld.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div>
 3 |     <p>Content Editable :</p>
 4 |     <contenteditable :tag="tag" :contenteditable="isEditable" v-model="message" :no-nl="noNL" :no-html="noHTML" @returned="enterPressed" @keyup="keyUp" @keypress="keyPress" />
 5 |     <form action="">
 6 |       <input type="checkbox" id="editable" v-model="isEditable"/><label for="editable">Editable ?</label><br/>
 7 |       <input type="checkbox" id="nonl" v-model="noNL"/><label for="nonl">noNL ?</label><br/>
 8 |       <input type="checkbox" id="nohtml" v-model="noHTML"/><label for="nohtml">noHTML ?</label><br/>
 9 |       <label for="alt">Alternative input :</label>
10 |       <input type="text" id="alt" v-model="message"/><br/>
11 |       <label for="alt">Element type (tag prop) :</label>
12 |       <input type="text" id="tag" v-model="tag"/>
13 |     </form>
14 |       <p>Content :</p>
15 |       <p>{{message}}</p>
16 |       <p>"returned" Event :</p>
17 |       <p>{{event}}</p>
18 |       <p>"keyUp" Event (directly set on the element) :</p>
19 |       <p>{{keyUpEv}}</p>
20 |       <p>"keyPress" Event (caught and re-emitted) :</p>
21 |       <p>{{keyPressEv}}</p>
22 |       
23 |   </div>
24 | </template>
25 | 
26 | <script setup>
27 | 
28 | import { defineComponent, ref } from 'vue';
29 | import contenteditable from 'vue-contenteditable';
30 | 
31 | const isEditable = ref(true);
32 | const noNL = ref(false);
33 | const noHTML = ref(false);
34 | const message = ref('');
35 | const event = ref('');
36 | const keyUpEv = ref('');
37 | const keyPressEv = ref('');
38 | const tag = ref('div');
39 |   
40 | function enterPressed(ev){
41 |   const currentdate = new Date();
42 |   event.value = "Return pressed on: " + currentdate.getDate() + "/"
43 |           + (currentdate.getMonth()+1)  + "/" 
44 |           + currentdate.getFullYear() + "  "  
45 |           + currentdate.getHours() + ":"  
46 |           + currentdate.getMinutes() + ":" 
47 |           + currentdate.getSeconds()
48 |           + " Content : " + ev
49 | }
50 | 
51 | function keyUp(ev){
52 |   const currentdate = new Date();
53 |   keyUpEv.value = "ev keyup : '"+ev.key+"'";
54 | }
55 | 
56 | function keyPress(ev){
57 |   const currentdate = new Date();
58 |   keyPressEv.value = "ev keypress : '"+ev.key+"'";
59 | }
60 | 
61 | </script>
62 | 


--------------------------------------------------------------------------------
/samples/vite_js_sample/src/main.js:
--------------------------------------------------------------------------------
1 | import { createApp } from 'vue'
2 | import App from './App.vue'
3 | 
4 | createApp(App).mount('#app')
5 | 


--------------------------------------------------------------------------------
/samples/vite_js_sample/src/shims-vue.d.ts:
--------------------------------------------------------------------------------
1 | /* eslint-disable */
2 | declare module '*.vue' {
3 |   import type { DefineComponent } from 'vue'
4 |   const component: DefineComponent<{}, {}, any>
5 |   export default component
6 | }
7 | 


--------------------------------------------------------------------------------
/samples/vite_js_sample/vite.config.js:
--------------------------------------------------------------------------------
1 | import { defineConfig } from 'vite'
2 | import vue from '@vitejs/plugin-vue'
3 | 
4 | // https://vitejs.dev/config/
5 | export default defineConfig({
6 |   plugins: [vue()]
7 | })
8 | 


--------------------------------------------------------------------------------
/samples/vite_js_script_setup_sample/.gitignore:
--------------------------------------------------------------------------------
 1 | # Logs
 2 | logs
 3 | *.log
 4 | npm-debug.log*
 5 | yarn-debug.log*
 6 | yarn-error.log*
 7 | pnpm-debug.log*
 8 | lerna-debug.log*
 9 | 
10 | node_modules
11 | dist
12 | dist-ssr
13 | *.local
14 | 
15 | # Editor directories and files
16 | .vscode/*
17 | !.vscode/extensions.json
18 | .idea
19 | .DS_Store
20 | *.suo
21 | *.ntvs*
22 | *.njsproj
23 | *.sln
24 | *.sw?
25 | 


--------------------------------------------------------------------------------
/samples/vite_js_script_setup_sample/.vscode/extensions.json:
--------------------------------------------------------------------------------
1 | {
2 |   "recommendations": ["Vue.volar"]
3 | }
4 | 


--------------------------------------------------------------------------------
/samples/vite_js_script_setup_sample/README.md:
--------------------------------------------------------------------------------
1 | # Vue 3 + Vite
2 | 
3 | This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
4 | 
5 | ## Recommended IDE Setup
6 | 
7 | - [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar)
8 | 


--------------------------------------------------------------------------------
/samples/vite_js_script_setup_sample/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="UTF-8" />
 5 |     <link rel="icon" href="/favicon.ico" />
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 7 |     <title>Vite App</title>
 8 |   </head>
 9 |   <body>
10 |     <div id="app"></div>
11 |     <script type="module" src="/src/main.js"></script>
12 |   </body>
13 | </html>
14 | 


--------------------------------------------------------------------------------
/samples/vite_js_script_setup_sample/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "vite_js_sample",
 3 |   "private": true,
 4 |   "version": "0.0.0",
 5 |   "scripts": {
 6 |     "dev": "vite",
 7 |     "build": "vite build",
 8 |     "preview": "vite preview"
 9 |   },
10 |   "dependencies": {
11 |     "vue": "^3.2.25",
12 |     "vue-contenteditable": "^4.0.0"
13 |   },
14 |   "devDependencies": {
15 |     "@vitejs/plugin-vue": "^2.3.3",
16 |     "vite": "^2.9.9"
17 |   }
18 | }


--------------------------------------------------------------------------------
/samples/vite_js_script_setup_sample/pnpm-lock.yaml:
--------------------------------------------------------------------------------
  1 | lockfileVersion: '6.0'
  2 | 
  3 | settings:
  4 |   autoInstallPeers: true
  5 |   excludeLinksFromLockfile: false
  6 | 
  7 | dependencies:
  8 |   vue:
  9 |     specifier: ^3.2.25
 10 |     version: 3.2.37
 11 |   vue-contenteditable:
 12 |     specifier: ^4.0.0
 13 |     version: 4.1.0(vue@3.2.37)
 14 | 
 15 | devDependencies:
 16 |   '@vitejs/plugin-vue':
 17 |     specifier: ^2.3.3
 18 |     version: 2.3.3(vite@2.9.12)(vue@3.2.37)
 19 |   vite:
 20 |     specifier: ^2.9.9
 21 |     version: 2.9.12
 22 | 
 23 | packages:
 24 | 
 25 |   /@babel/helper-validator-identifier@7.16.7:
 26 |     resolution: {integrity: sha512-hsEnFemeiW4D08A5gUAZxLBTXpZ39P+a+DGDsHw1yxqyQ/jzFEnxf5uTEGp+3bzAbNOxU1paTgYS4ECU/IgfDw==}
 27 |     engines: {node: '>=6.9.0'}
 28 | 
 29 |   /@babel/parser@7.18.5:
 30 |     resolution: {integrity: sha512-YZWVaglMiplo7v8f1oMQ5ZPQr0vn7HPeZXxXWsxXJRjGVrzUFn9OxFQl1sb5wzfootjA/yChhW84BV+383FSOw==}
 31 |     engines: {node: '>=6.0.0'}
 32 |     hasBin: true
 33 |     dependencies:
 34 |       '@babel/types': 7.18.4
 35 | 
 36 |   /@babel/types@7.18.4:
 37 |     resolution: {integrity: sha512-ThN1mBcMq5pG/Vm2IcBmPPfyPXbd8S02rS+OBIDENdufvqC7Z/jHPCv9IcP01277aKtDI8g/2XysBN4hA8niiw==}
 38 |     engines: {node: '>=6.9.0'}
 39 |     dependencies:
 40 |       '@babel/helper-validator-identifier': 7.16.7
 41 |       to-fast-properties: 2.0.0
 42 | 
 43 |   /@vitejs/plugin-vue@2.3.3(vite@2.9.12)(vue@3.2.37):
 44 |     resolution: {integrity: sha512-SmQLDyhz+6lGJhPELsBdzXGc+AcaT8stgkbiTFGpXPe8Tl1tJaBw1A6pxDqDuRsVkD8uscrkx3hA7QDOoKYtyw==}
 45 |     engines: {node: '>=12.0.0'}
 46 |     peerDependencies:
 47 |       vite: ^2.5.10
 48 |       vue: ^3.2.25
 49 |     dependencies:
 50 |       vite: 2.9.12
 51 |       vue: 3.2.37
 52 |     dev: true
 53 | 
 54 |   /@vue/compiler-core@3.2.37:
 55 |     resolution: {integrity: sha512-81KhEjo7YAOh0vQJoSmAD68wLfYqJvoiD4ulyedzF+OEk/bk6/hx3fTNVfuzugIIaTrOx4PGx6pAiBRe5e9Zmg==}
 56 |     dependencies:
 57 |       '@babel/parser': 7.18.5
 58 |       '@vue/shared': 3.2.37
 59 |       estree-walker: 2.0.2
 60 |       source-map: 0.6.1
 61 | 
 62 |   /@vue/compiler-dom@3.2.37:
 63 |     resolution: {integrity: sha512-yxJLH167fucHKxaqXpYk7x8z7mMEnXOw3G2q62FTkmsvNxu4FQSu5+3UMb+L7fjKa26DEzhrmCxAgFLLIzVfqQ==}
 64 |     dependencies:
 65 |       '@vue/compiler-core': 3.2.37
 66 |       '@vue/shared': 3.2.37
 67 | 
 68 |   /@vue/compiler-sfc@3.2.37:
 69 |     resolution: {integrity: sha512-+7i/2+9LYlpqDv+KTtWhOZH+pa8/HnX/905MdVmAcI/mPQOBwkHHIzrsEsucyOIZQYMkXUiTkmZq5am/NyXKkg==}
 70 |     dependencies:
 71 |       '@babel/parser': 7.18.5
 72 |       '@vue/compiler-core': 3.2.37
 73 |       '@vue/compiler-dom': 3.2.37
 74 |       '@vue/compiler-ssr': 3.2.37
 75 |       '@vue/reactivity-transform': 3.2.37
 76 |       '@vue/shared': 3.2.37
 77 |       estree-walker: 2.0.2
 78 |       magic-string: 0.25.9
 79 |       postcss: 8.4.31
 80 |       source-map: 0.6.1
 81 | 
 82 |   /@vue/compiler-ssr@3.2.37:
 83 |     resolution: {integrity: sha512-7mQJD7HdXxQjktmsWp/J67lThEIcxLemz1Vb5I6rYJHR5vI+lON3nPGOH3ubmbvYGt8xEUaAr1j7/tIFWiEOqw==}
 84 |     dependencies:
 85 |       '@vue/compiler-dom': 3.2.37
 86 |       '@vue/shared': 3.2.37
 87 | 
 88 |   /@vue/reactivity-transform@3.2.37:
 89 |     resolution: {integrity: sha512-IWopkKEb+8qpu/1eMKVeXrK0NLw9HicGviJzhJDEyfxTR9e1WtpnnbYkJWurX6WwoFP0sz10xQg8yL8lgskAZg==}
 90 |     dependencies:
 91 |       '@babel/parser': 7.18.5
 92 |       '@vue/compiler-core': 3.2.37
 93 |       '@vue/shared': 3.2.37
 94 |       estree-walker: 2.0.2
 95 |       magic-string: 0.25.9
 96 | 
 97 |   /@vue/reactivity@3.2.37:
 98 |     resolution: {integrity: sha512-/7WRafBOshOc6m3F7plwzPeCu/RCVv9uMpOwa/5PiY1Zz+WLVRWiy0MYKwmg19KBdGtFWsmZ4cD+LOdVPcs52A==}
 99 |     dependencies:
100 |       '@vue/shared': 3.2.37
101 | 
102 |   /@vue/runtime-core@3.2.37:
103 |     resolution: {integrity: sha512-JPcd9kFyEdXLl/i0ClS7lwgcs0QpUAWj+SKX2ZC3ANKi1U4DOtiEr6cRqFXsPwY5u1L9fAjkinIdB8Rz3FoYNQ==}
104 |     dependencies:
105 |       '@vue/reactivity': 3.2.37
106 |       '@vue/shared': 3.2.37
107 | 
108 |   /@vue/runtime-dom@3.2.37:
109 |     resolution: {integrity: sha512-HimKdh9BepShW6YozwRKAYjYQWg9mQn63RGEiSswMbW+ssIht1MILYlVGkAGGQbkhSh31PCdoUcfiu4apXJoPw==}
110 |     dependencies:
111 |       '@vue/runtime-core': 3.2.37
112 |       '@vue/shared': 3.2.37
113 |       csstype: 2.6.20
114 | 
115 |   /@vue/server-renderer@3.2.37(vue@3.2.37):
116 |     resolution: {integrity: sha512-kLITEJvaYgZQ2h47hIzPh2K3jG8c1zCVbp/o/bzQOyvzaKiCquKS7AaioPI28GNxIsE/zSx+EwWYsNxDCX95MA==}
117 |     peerDependencies:
118 |       vue: 3.2.37
119 |     dependencies:
120 |       '@vue/compiler-ssr': 3.2.37
121 |       '@vue/shared': 3.2.37
122 |       vue: 3.2.37
123 | 
124 |   /@vue/shared@3.2.37:
125 |     resolution: {integrity: sha512-4rSJemR2NQIo9Klm1vabqWjD8rs/ZaJSzMxkMNeJS6lHiUjjUeYFbooN19NgFjztubEKh3WlZUeOLVdbbUWHsw==}
126 | 
127 |   /csstype@2.6.20:
128 |     resolution: {integrity: sha512-/WwNkdXfckNgw6S5R125rrW8ez139lBHWouiBvX8dfMFtcn6V81REDqnH7+CRpRipfYlyU1CmOnOxrmGcFOjeA==}
129 | 
130 |   /esbuild-android-64@0.14.44:
131 |     resolution: {integrity: sha512-dFPHBXmx385zuJULAD/Cmq/LyPRXiAWbf9ylZtY0wJ8iVyWfKYaCYxeJx8OAZUuj46ZwNa7MzW2GBAQLOeiemg==}
132 |     engines: {node: '>=12'}
133 |     cpu: [x64]
134 |     os: [android]
135 |     requiresBuild: true
136 |     dev: true
137 |     optional: true
138 | 
139 |   /esbuild-android-arm64@0.14.44:
140 |     resolution: {integrity: sha512-qqaqqyxHXjZ/0ddKU3I3Nb7lAvVM69ELMhb8+91FyomAUmQPlHtxe+TTiWxXGHE72XEzcgTEGq4VauqLNkN22g==}
141 |     engines: {node: '>=12'}
142 |     cpu: [arm64]
143 |     os: [android]
144 |     requiresBuild: true
145 |     dev: true
146 |     optional: true
147 | 
148 |   /esbuild-darwin-64@0.14.44:
149 |     resolution: {integrity: sha512-RBmtGKGY06+AW6IOJ1LE/dEeF7HH34C1/Ces9FSitU4bIbIpL4KEuQpTFoxwb4ry5s2hyw7vbPhhtyOd18FH9g==}
150 |     engines: {node: '>=12'}
151 |     cpu: [x64]
152 |     os: [darwin]
153 |     requiresBuild: true
154 |     dev: true
155 |     optional: true
156 | 
157 |   /esbuild-darwin-arm64@0.14.44:
158 |     resolution: {integrity: sha512-Bmhx5Cfo4Hdb7WyyyDupTB8HPmnFZ8baLfPlzLdYvF6OzsIbV+CY+m/AWf0OQvY40BlkzCLJ/7Lfwbb71Tngmg==}
159 |     engines: {node: '>=12'}
160 |     cpu: [arm64]
161 |     os: [darwin]
162 |     requiresBuild: true
163 |     dev: true
164 |     optional: true
165 | 
166 |   /esbuild-freebsd-64@0.14.44:
167 |     resolution: {integrity: sha512-O4HpWa5ZgxbNPQTF7URicLzYa+TidGlmGT/RAC3GjbGEQQYkd0R1Slyh69Yrmb2qmcOcPAgWHbNo1UhK4WmZ4w==}
168 |     engines: {node: '>=12'}
169 |     cpu: [x64]
170 |     os: [freebsd]
171 |     requiresBuild: true
172 |     dev: true
173 |     optional: true
174 | 
175 |   /esbuild-freebsd-arm64@0.14.44:
176 |     resolution: {integrity: sha512-f0/jkAKccnDY7mg1F9l/AMzEm+VXWXK6c3IrOEmd13jyKfpTZKTIlt+yI04THPDCDZTzXHTRUBLozqp+m8Mg5Q==}
177 |     engines: {node: '>=12'}
178 |     cpu: [arm64]
179 |     os: [freebsd]
180 |     requiresBuild: true
181 |     dev: true
182 |     optional: true
183 | 
184 |   /esbuild-linux-32@0.14.44:
185 |     resolution: {integrity: sha512-WSIhzLldMR7YUoEL7Ix319tC+NFmW9Pu7NgFWxUfOXeWsT0Wg484hm6bNgs7+oY2pGzg715y/Wrqi1uNOMmZJw==}
186 |     engines: {node: '>=12'}
187 |     cpu: [ia32]
188 |     os: [linux]
189 |     requiresBuild: true
190 |     dev: true
191 |     optional: true
192 | 
193 |   /esbuild-linux-64@0.14.44:
194 |     resolution: {integrity: sha512-zgscTrCMcRZRIsVugqBTP/B5lPLNchBlWjQ8sQq2Epnv+UDtYKgXEq1ctWAmibZNy2E9QRCItKMeIEqeTUT5kA==}
195 |     engines: {node: '>=12'}
196 |     cpu: [x64]
197 |     os: [linux]
198 |     requiresBuild: true
199 |     dev: true
200 |     optional: true
201 | 
202 |   /esbuild-linux-arm64@0.14.44:
203 |     resolution: {integrity: sha512-H0H/2/wgiScTwBve/JR8/o+Zhabx5KPk8T2mkYZFKQGl1hpUgC+AOmRyqy/Js3p66Wim4F4Akv3I3sJA1sKg0w==}
204 |     engines: {node: '>=12'}
205 |     cpu: [arm64]
206 |     os: [linux]
207 |     requiresBuild: true
208 |     dev: true
209 |     optional: true
210 | 
211 |   /esbuild-linux-arm@0.14.44:
212 |     resolution: {integrity: sha512-laPBPwGfsbBxGw6F6jnqic2CPXLyC1bPrmnSOeJ9oEnx1rcKkizd4HWCRUc0xv+l4z/USRfx/sEfYlWSLeqoJQ==}
213 |     engines: {node: '>=12'}
214 |     cpu: [arm]
215 |     os: [linux]
216 |     requiresBuild: true
217 |     dev: true
218 |     optional: true
219 | 
220 |   /esbuild-linux-mips64le@0.14.44:
221 |     resolution: {integrity: sha512-ri3Okw0aleYy7o5n9zlIq+FCtq3tcMlctN6X1H1ucILjBJuH8pan2trJPKWeb8ppntFvE28I9eEXhwkWh6wYKg==}
222 |     engines: {node: '>=12'}
223 |     cpu: [mips64el]
224 |     os: [linux]
225 |     requiresBuild: true
226 |     dev: true
227 |     optional: true
228 | 
229 |   /esbuild-linux-ppc64le@0.14.44:
230 |     resolution: {integrity: sha512-96TqL/MvFRuIVXz+GtCIXzRQ43ZwEk4XTn0RWUNJduXXMDQ/V1iOV28U6x6Oe3NesK4xkoKSaK2+F3VHcU8ZrA==}
231 |     engines: {node: '>=12'}
232 |     cpu: [ppc64]
233 |     os: [linux]
234 |     requiresBuild: true
235 |     dev: true
236 |     optional: true
237 | 
238 |   /esbuild-linux-riscv64@0.14.44:
239 |     resolution: {integrity: sha512-rrK9qEp2M8dhilsPn4T9gxUsAumkITc1kqYbpyNMr9EWo+J5ZBj04n3GYldULrcCw4ZCHAJ+qPjqr8b6kG2inA==}
240 |     engines: {node: '>=12'}
241 |     cpu: [riscv64]
242 |     os: [linux]
243 |     requiresBuild: true
244 |     dev: true
245 |     optional: true
246 | 
247 |   /esbuild-linux-s390x@0.14.44:
248 |     resolution: {integrity: sha512-2YmTm9BrW5aUwBSe8wIEARd9EcnOQmkHp4+IVaO09Ez/C5T866x+ABzhG0bwx0b+QRo9q97CRMaQx2Ngb6/hfw==}
249 |     engines: {node: '>=12'}
250 |     cpu: [s390x]
251 |     os: [linux]
252 |     requiresBuild: true
253 |     dev: true
254 |     optional: true
255 | 
256 |   /esbuild-netbsd-64@0.14.44:
257 |     resolution: {integrity: sha512-zypdzPmZTCqYS30WHxbcvtC0E6e/ECvl4WueUdbdWhs2dfWJt5RtCBME664EpTznixR3lSN1MQ2NhwQF8MQryw==}
258 |     engines: {node: '>=12'}
259 |     cpu: [x64]
260 |     os: [netbsd]
261 |     requiresBuild: true
262 |     dev: true
263 |     optional: true
264 | 
265 |   /esbuild-openbsd-64@0.14.44:
266 |     resolution: {integrity: sha512-8J43ab9ByYl7KteC03HGQjr2HY1ge7sN04lFnwMFWYk2NCn8IuaeeThvLeNjzOYhyT3I6K8puJP0uVXUu+D1xw==}
267 |     engines: {node: '>=12'}
268 |     cpu: [x64]
269 |     os: [openbsd]
270 |     requiresBuild: true
271 |     dev: true
272 |     optional: true
273 | 
274 |   /esbuild-sunos-64@0.14.44:
275 |     resolution: {integrity: sha512-OH1/09CGUJwffA+HNM6mqPkSIyHVC3ZnURU/4CCIx7IqWUBn1Sh1HRLQC8/TWNgcs0/1u7ygnc2pgf/AHZJ/Ow==}
276 |     engines: {node: '>=12'}
277 |     cpu: [x64]
278 |     os: [sunos]
279 |     requiresBuild: true
280 |     dev: true
281 |     optional: true
282 | 
283 |   /esbuild-windows-32@0.14.44:
284 |     resolution: {integrity: sha512-mCAOL9/rRqwfOfxTu2sjq/eAIs7eAXGiU6sPBnowggI7QS953Iq6o3/uDu010LwfN7zr18c/lEj6/PTwwTB3AA==}
285 |     engines: {node: '>=12'}
286 |     cpu: [ia32]
287 |     os: [win32]
288 |     requiresBuild: true
289 |     dev: true
290 |     optional: true
291 | 
292 |   /esbuild-windows-64@0.14.44:
293 |     resolution: {integrity: sha512-AG6BH3+YG0s2Q/IfB1cm68FdyFnoE1P+GFbmgFO3tA4UIP8+BKsmKGGZ5I3+ZjcnzOwvT74bQRVrfnQow2KO5Q==}
294 |     engines: {node: '>=12'}
295 |     cpu: [x64]
296 |     os: [win32]
297 |     requiresBuild: true
298 |     dev: true
299 |     optional: true
300 | 
301 |   /esbuild-windows-arm64@0.14.44:
302 |     resolution: {integrity: sha512-ygYPfYE5By4Sd6szsNr10B0RtWVNOSGmZABSaj4YQBLqh9b9i45VAjVWa8tyIy+UAbKF7WGwybi2wTbSVliO8A==}
303 |     engines: {node: '>=12'}
304 |     cpu: [arm64]
305 |     os: [win32]
306 |     requiresBuild: true
307 |     dev: true
308 |     optional: true
309 | 
310 |   /esbuild@0.14.44:
311 |     resolution: {integrity: sha512-Rn+lRRfj60r/3svI6NgAVnetzp3vMOj17BThuhshSj/gS1LR03xrjkDYyfPmrYG/0c3D68rC6FNYMQ3yRbiXeQ==}
312 |     engines: {node: '>=12'}
313 |     hasBin: true
314 |     requiresBuild: true
315 |     optionalDependencies:
316 |       esbuild-android-64: 0.14.44
317 |       esbuild-android-arm64: 0.14.44
318 |       esbuild-darwin-64: 0.14.44
319 |       esbuild-darwin-arm64: 0.14.44
320 |       esbuild-freebsd-64: 0.14.44
321 |       esbuild-freebsd-arm64: 0.14.44
322 |       esbuild-linux-32: 0.14.44
323 |       esbuild-linux-64: 0.14.44
324 |       esbuild-linux-arm: 0.14.44
325 |       esbuild-linux-arm64: 0.14.44
326 |       esbuild-linux-mips64le: 0.14.44
327 |       esbuild-linux-ppc64le: 0.14.44
328 |       esbuild-linux-riscv64: 0.14.44
329 |       esbuild-linux-s390x: 0.14.44
330 |       esbuild-netbsd-64: 0.14.44
331 |       esbuild-openbsd-64: 0.14.44
332 |       esbuild-sunos-64: 0.14.44
333 |       esbuild-windows-32: 0.14.44
334 |       esbuild-windows-64: 0.14.44
335 |       esbuild-windows-arm64: 0.14.44
336 |     dev: true
337 | 
338 |   /estree-walker@2.0.2:
339 |     resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
340 | 
341 |   /fsevents@2.3.2:
342 |     resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==}
343 |     engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
344 |     os: [darwin]
345 |     requiresBuild: true
346 |     dev: true
347 |     optional: true
348 | 
349 |   /function-bind@1.1.1:
350 |     resolution: {integrity: sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==}
351 |     dev: true
352 | 
353 |   /has@1.0.3:
354 |     resolution: {integrity: sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==}
355 |     engines: {node: '>= 0.4.0'}
356 |     dependencies:
357 |       function-bind: 1.1.1
358 |     dev: true
359 | 
360 |   /is-core-module@2.9.0:
361 |     resolution: {integrity: sha512-+5FPy5PnwmO3lvfMb0AsoPaBG+5KHUI0wYFXOtYPnVVVspTFUuMZNfNaNVRt3FZadstu2c8x23vykRW/NBoU6A==}
362 |     dependencies:
363 |       has: 1.0.3
364 |     dev: true
365 | 
366 |   /magic-string@0.25.9:
367 |     resolution: {integrity: sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==}
368 |     dependencies:
369 |       sourcemap-codec: 1.4.8
370 | 
371 |   /nanoid@3.3.6:
372 |     resolution: {integrity: sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==}
373 |     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
374 |     hasBin: true
375 | 
376 |   /path-parse@1.0.7:
377 |     resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
378 |     dev: true
379 | 
380 |   /picocolors@1.0.0:
381 |     resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==}
382 | 
383 |   /postcss@8.4.31:
384 |     resolution: {integrity: sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==}
385 |     engines: {node: ^10 || ^12 || >=14}
386 |     dependencies:
387 |       nanoid: 3.3.6
388 |       picocolors: 1.0.0
389 |       source-map-js: 1.0.2
390 | 
391 |   /resolve@1.22.0:
392 |     resolution: {integrity: sha512-Hhtrw0nLeSrFQ7phPp4OOcVjLPIeMnRlr5mcnVuMe7M/7eBn98A3hmFRLoFo3DLZkivSYwhRUJTyPyWAk56WLw==}
393 |     hasBin: true
394 |     dependencies:
395 |       is-core-module: 2.9.0
396 |       path-parse: 1.0.7
397 |       supports-preserve-symlinks-flag: 1.0.0
398 |     dev: true
399 | 
400 |   /rollup@2.75.6:
401 |     resolution: {integrity: sha512-OEf0TgpC9vU6WGROJIk1JA3LR5vk/yvqlzxqdrE2CzzXnqKXNzbAwlWUXis8RS3ZPe7LAq+YUxsRa0l3r27MLA==}
402 |     engines: {node: '>=10.0.0'}
403 |     hasBin: true
404 |     optionalDependencies:
405 |       fsevents: 2.3.2
406 |     dev: true
407 | 
408 |   /source-map-js@1.0.2:
409 |     resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==}
410 |     engines: {node: '>=0.10.0'}
411 | 
412 |   /source-map@0.6.1:
413 |     resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
414 |     engines: {node: '>=0.10.0'}
415 | 
416 |   /sourcemap-codec@1.4.8:
417 |     resolution: {integrity: sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==}
418 | 
419 |   /supports-preserve-symlinks-flag@1.0.0:
420 |     resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
421 |     engines: {node: '>= 0.4'}
422 |     dev: true
423 | 
424 |   /to-fast-properties@2.0.0:
425 |     resolution: {integrity: sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==}
426 |     engines: {node: '>=4'}
427 | 
428 |   /vite@2.9.12:
429 |     resolution: {integrity: sha512-suxC36dQo9Rq1qMB2qiRorNJtJAdxguu5TMvBHOc/F370KvqAe9t48vYp+/TbPKRNrMh/J55tOUmkuIqstZaew==}
430 |     engines: {node: '>=12.2.0'}
431 |     hasBin: true
432 |     peerDependencies:
433 |       less: '*'
434 |       sass: '*'
435 |       stylus: '*'
436 |     peerDependenciesMeta:
437 |       less:
438 |         optional: true
439 |       sass:
440 |         optional: true
441 |       stylus:
442 |         optional: true
443 |     dependencies:
444 |       esbuild: 0.14.44
445 |       postcss: 8.4.31
446 |       resolve: 1.22.0
447 |       rollup: 2.75.6
448 |     optionalDependencies:
449 |       fsevents: 2.3.2
450 |     dev: true
451 | 
452 |   /vue-contenteditable@4.1.0(vue@3.2.37):
453 |     resolution: {integrity: sha512-PCQD8JNYt6lbocYvquHB0p3SWd0QGtHNydfbO4Ma3wOMiUTwjJiCyBv3vJRf7WvTkuLObn66GqEYUurfBLfrRQ==}
454 |     peerDependencies:
455 |       vue: ^3.2.25
456 |     dependencies:
457 |       vue: 3.2.37
458 |     dev: false
459 | 
460 |   /vue@3.2.37:
461 |     resolution: {integrity: sha512-bOKEZxrm8Eh+fveCqS1/NkG/n6aMidsI6hahas7pa0w/l7jkbssJVsRhVDs07IdDq7h9KHswZOgItnwJAgtVtQ==}
462 |     dependencies:
463 |       '@vue/compiler-dom': 3.2.37
464 |       '@vue/compiler-sfc': 3.2.37
465 |       '@vue/runtime-dom': 3.2.37
466 |       '@vue/server-renderer': 3.2.37(vue@3.2.37)
467 |       '@vue/shared': 3.2.37
468 | 


--------------------------------------------------------------------------------
/samples/vite_js_script_setup_sample/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hl037/vue-contenteditable/8acaec762cb4d2317aa83d5a9d5f393cf2a2784e/samples/vite_js_script_setup_sample/public/favicon.ico


--------------------------------------------------------------------------------
/samples/vite_js_script_setup_sample/src/App.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <HelloWorld/>
 3 | </template>
 4 | 
 5 | <script>
 6 | import { defineComponent } from 'vue';
 7 | import HelloWorld from './components/HelloWorld.vue';
 8 | 
 9 | export default defineComponent({
10 |   name: 'App',
11 |   components: {
12 |     HelloWorld
13 |   }
14 | });
15 | </script>
16 | 
17 | <style>
18 | #app {
19 |   font-family: Avenir, Helvetica, Arial, sans-serif;
20 |   -webkit-font-smoothing: antialiased;
21 |   -moz-osx-font-smoothing: grayscale;
22 |   text-align: center;
23 |   color: #2c3e50;
24 |   margin-top: 60px;
25 | }
26 | </style>
27 | 


--------------------------------------------------------------------------------
/samples/vite_js_script_setup_sample/src/assets/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hl037/vue-contenteditable/8acaec762cb4d2317aa83d5a9d5f393cf2a2784e/samples/vite_js_script_setup_sample/src/assets/logo.png


--------------------------------------------------------------------------------
/samples/vite_js_script_setup_sample/src/components/HelloWorld.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div>
 3 |     <p>Content Editable :</p>
 4 |     <contenteditable :tag="tag" :contenteditable="isEditable" v-model="message" :no-nl="noNL" :no-html="noHTML" @returned="enterPressed" @keyup="keyUp" @keypress="keyPress" />
 5 |     <form action="">
 6 |       <input type="checkbox" id="editable" v-model="isEditable"/><label for="editable">Editable ?</label><br/>
 7 |       <input type="checkbox" id="nonl" v-model="noNL"/><label for="nonl">noNL ?</label><br/>
 8 |       <input type="checkbox" id="nohtml" v-model="noHTML"/><label for="nohtml">noHTML ?</label><br/>
 9 |       <label for="alt">Alternative input :</label>
10 |       <input type="text" id="alt" v-model="message"/><br/>
11 |       <label for="alt">Element type (tag prop) :</label>
12 |       <input type="text" id="tag" v-model="tag"/>
13 |     </form>
14 |       <p>Content :</p>
15 |       <p>{{message}}</p>
16 |       <p>"returned" Event :</p>
17 |       <p>{{event}}</p>
18 |       <p>"keyUp" Event (directly set on the element) :</p>
19 |       <p>{{keyUpEv}}</p>
20 |       <p>"keyPress" Event (caught and re-emitted) :</p>
21 |       <p>{{keyPressEv}}</p>
22 |       
23 |   </div>
24 | </template>
25 | 
26 | <script>
27 | import { defineComponent, ref } from 'vue';
28 | import contenteditable from 'vue-contenteditable';
29 | 
30 | export default defineComponent({
31 |   name: 'HelloWorld',
32 |   components : {
33 |     contenteditable
34 |   },
35 |   setup(props){
36 |     const r = {
37 |       isEditable : ref(true),
38 |       noNL : ref(false),
39 |       noHTML : ref(false),
40 |       message : ref(''),
41 |       event : ref(''),
42 |       keyUpEv : ref(''),
43 |       keyPressEv : ref(''),
44 |       tag : ref('div'),
45 |     }
46 |     return {
47 |       ...r,
48 |       enterPressed(ev){
49 |         const currentdate = new Date();
50 |         r.event.value = "Return pressed on: " + currentdate.getDate() + "/"
51 |                 + (currentdate.getMonth()+1)  + "/" 
52 |                 + currentdate.getFullYear() + "  "  
53 |                 + currentdate.getHours() + ":"  
54 |                 + currentdate.getMinutes() + ":" 
55 |                 + currentdate.getSeconds()
56 |                 + " Content : " + ev
57 |       },
58 |       keyUp(ev){
59 |         const currentdate = new Date();
60 |         r.keyUpEv.value = "ev keyup : '"+ev.key+"'";
61 |       },
62 |       keyPress(ev){
63 |         const currentdate = new Date();
64 |         r.keyPressEv.value = "ev keypress : '"+ev.key+"'";
65 |       }
66 | 
67 |     }
68 |   }
69 | });
70 | 
71 | </script>
72 | 


--------------------------------------------------------------------------------
/samples/vite_js_script_setup_sample/src/main.js:
--------------------------------------------------------------------------------
1 | import { createApp } from 'vue'
2 | import App from './App.vue'
3 | 
4 | createApp(App).mount('#app')
5 | 


--------------------------------------------------------------------------------
/samples/vite_js_script_setup_sample/src/shims-vue.d.ts:
--------------------------------------------------------------------------------
1 | /* eslint-disable */
2 | declare module '*.vue' {
3 |   import type { DefineComponent } from 'vue'
4 |   const component: DefineComponent<{}, {}, any>
5 |   export default component
6 | }
7 | 


--------------------------------------------------------------------------------
/samples/vite_js_script_setup_sample/vite.config.js:
--------------------------------------------------------------------------------
1 | import { defineConfig } from 'vite'
2 | import vue from '@vitejs/plugin-vue'
3 | 
4 | // https://vitejs.dev/config/
5 | export default defineConfig({
6 |   plugins: [vue()]
7 | })
8 | 


--------------------------------------------------------------------------------
/samples/vite_ts_sample/.gitignore:
--------------------------------------------------------------------------------
 1 | # Logs
 2 | logs
 3 | *.log
 4 | npm-debug.log*
 5 | yarn-debug.log*
 6 | yarn-error.log*
 7 | pnpm-debug.log*
 8 | lerna-debug.log*
 9 | 
10 | node_modules
11 | dist
12 | dist-ssr
13 | *.local
14 | 
15 | # Editor directories and files
16 | .vscode/*
17 | !.vscode/extensions.json
18 | .idea
19 | .DS_Store
20 | *.suo
21 | *.ntvs*
22 | *.njsproj
23 | *.sln
24 | *.sw?
25 | 


--------------------------------------------------------------------------------
/samples/vite_ts_sample/.vscode/extensions.json:
--------------------------------------------------------------------------------
1 | {
2 |   "recommendations": ["Vue.volar"]
3 | }
4 | 


--------------------------------------------------------------------------------
/samples/vite_ts_sample/README.md:
--------------------------------------------------------------------------------
 1 | # Vue 3 + TypeScript + Vite
 2 | 
 3 | This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
 4 | 
 5 | ## Recommended IDE Setup
 6 | 
 7 | - [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar)
 8 | 
 9 | ## Type Support For `.vue` Imports in TS
10 | 
11 | Since TypeScript cannot handle type information for `.vue` imports, they are shimmed to be a generic Vue component type by default. In most cases this is fine if you don't really care about component prop types outside of templates. However, if you wish to get actual prop types in `.vue` imports (for example to get props validation when using manual `h(...)` calls), you can enable Volar's Take Over mode by following these steps:
12 | 
13 | 1. Run `Extensions: Show Built-in Extensions` from VS Code's command palette, look for `TypeScript and JavaScript Language Features`, then right click and select `Disable (Workspace)`. By default, Take Over mode will enable itself if the default TypeScript extension is disabled.
14 | 2. Reload the VS Code window by running `Developer: Reload Window` from the command palette.
15 | 
16 | You can learn more about Take Over mode [here](https://github.com/johnsoncodehk/volar/discussions/471).
17 | 


--------------------------------------------------------------------------------
/samples/vite_ts_sample/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="UTF-8" />
 5 |     <link rel="icon" href="/favicon.ico" />
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 7 |     <title>Vite App</title>
 8 |   </head>
 9 |   <body>
10 |     <div id="app"></div>
11 |     <script type="module" src="/src/main.ts"></script>
12 |   </body>
13 | </html>
14 | 


--------------------------------------------------------------------------------
/samples/vite_ts_sample/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "vite_ts_sample",
 3 |   "private": true,
 4 |   "version": "0.0.0",
 5 |   "scripts": {
 6 |     "dev": "vite",
 7 |     "build": "vue-tsc --noEmit && vite build",
 8 |     "preview": "vite preview"
 9 |   },
10 |   "dependencies": {
11 |     "vue": "^3.2.25",
12 |     "vue-contenteditable": "^4.0.0"
13 |   },
14 |   "devDependencies": {
15 |     "@vitejs/plugin-vue": "^2.3.3",
16 |     "typescript": "^4.5.4",
17 |     "vite": "^2.9.9",
18 |     "vue-tsc": "^0.34.7"
19 |   }
20 | }
21 | 


--------------------------------------------------------------------------------
/samples/vite_ts_sample/pnpm-lock.yaml:
--------------------------------------------------------------------------------
  1 | lockfileVersion: '6.0'
  2 | 
  3 | settings:
  4 |   autoInstallPeers: true
  5 |   excludeLinksFromLockfile: false
  6 | 
  7 | dependencies:
  8 |   vue:
  9 |     specifier: ^3.2.25
 10 |     version: 3.2.37
 11 |   vue-contenteditable:
 12 |     specifier: ^4.0.0
 13 |     version: 4.1.0(vue@3.2.37)
 14 | 
 15 | devDependencies:
 16 |   '@vitejs/plugin-vue':
 17 |     specifier: ^2.3.3
 18 |     version: 2.3.3(vite@2.9.12)(vue@3.2.37)
 19 |   typescript:
 20 |     specifier: ^4.5.4
 21 |     version: 4.7.3
 22 |   vite:
 23 |     specifier: ^2.9.9
 24 |     version: 2.9.12
 25 |   vue-tsc:
 26 |     specifier: ^0.34.7
 27 |     version: 0.34.17(typescript@4.7.3)
 28 | 
 29 | packages:
 30 | 
 31 |   /@babel/helper-validator-identifier@7.16.7:
 32 |     resolution: {integrity: sha512-hsEnFemeiW4D08A5gUAZxLBTXpZ39P+a+DGDsHw1yxqyQ/jzFEnxf5uTEGp+3bzAbNOxU1paTgYS4ECU/IgfDw==}
 33 |     engines: {node: '>=6.9.0'}
 34 | 
 35 |   /@babel/parser@7.18.5:
 36 |     resolution: {integrity: sha512-YZWVaglMiplo7v8f1oMQ5ZPQr0vn7HPeZXxXWsxXJRjGVrzUFn9OxFQl1sb5wzfootjA/yChhW84BV+383FSOw==}
 37 |     engines: {node: '>=6.0.0'}
 38 |     hasBin: true
 39 |     dependencies:
 40 |       '@babel/types': 7.18.4
 41 | 
 42 |   /@babel/types@7.18.4:
 43 |     resolution: {integrity: sha512-ThN1mBcMq5pG/Vm2IcBmPPfyPXbd8S02rS+OBIDENdufvqC7Z/jHPCv9IcP01277aKtDI8g/2XysBN4hA8niiw==}
 44 |     engines: {node: '>=6.9.0'}
 45 |     dependencies:
 46 |       '@babel/helper-validator-identifier': 7.16.7
 47 |       to-fast-properties: 2.0.0
 48 | 
 49 |   /@vitejs/plugin-vue@2.3.3(vite@2.9.12)(vue@3.2.37):
 50 |     resolution: {integrity: sha512-SmQLDyhz+6lGJhPELsBdzXGc+AcaT8stgkbiTFGpXPe8Tl1tJaBw1A6pxDqDuRsVkD8uscrkx3hA7QDOoKYtyw==}
 51 |     engines: {node: '>=12.0.0'}
 52 |     peerDependencies:
 53 |       vite: ^2.5.10
 54 |       vue: ^3.2.25
 55 |     dependencies:
 56 |       vite: 2.9.12
 57 |       vue: 3.2.37
 58 |     dev: true
 59 | 
 60 |   /@volar/code-gen@0.34.17:
 61 |     resolution: {integrity: sha512-rHR7BA71BJ/4S7xUOPMPiB7uk6iU9oTWpEMZxFi5VGC9iJmDncE82WzU5iYpcbOBCVHsOjMh0+5CGMgdO6SaPA==}
 62 |     dependencies:
 63 |       '@volar/source-map': 0.34.17
 64 |     dev: true
 65 | 
 66 |   /@volar/source-map@0.34.17:
 67 |     resolution: {integrity: sha512-3yn1IMXJGGWB/G817/VFlFMi8oh5pmE7VzUqvgMZMrppaZpKj6/juvJIEiXNxRsgWc0RxIO8OSp4htdPUg1Raw==}
 68 |     dev: true
 69 | 
 70 |   /@volar/vue-code-gen@0.34.17:
 71 |     resolution: {integrity: sha512-17pzcK29fyFWUc+C82J3JYSnA+jy3QNrIldb9kPaP9Itbik05ZjEIyEue9FjhgIAuHeYSn4LDM5s6nGjxyfhsQ==}
 72 |     dependencies:
 73 |       '@volar/code-gen': 0.34.17
 74 |       '@volar/source-map': 0.34.17
 75 |       '@vue/compiler-core': 3.2.37
 76 |       '@vue/compiler-dom': 3.2.37
 77 |       '@vue/shared': 3.2.37
 78 |     dev: true
 79 | 
 80 |   /@volar/vue-typescript@0.34.17:
 81 |     resolution: {integrity: sha512-U0YSVIBPRWVPmgJHNa4nrfq88+oS+tmyZNxmnfajIw9A/GOGZQiKXHC0k09SVvbYXlsjgJ6NIjhm9NuAhGRQjg==}
 82 |     dependencies:
 83 |       '@volar/code-gen': 0.34.17
 84 |       '@volar/source-map': 0.34.17
 85 |       '@volar/vue-code-gen': 0.34.17
 86 |       '@vue/compiler-sfc': 3.2.37
 87 |       '@vue/reactivity': 3.2.37
 88 |     dev: true
 89 | 
 90 |   /@vue/compiler-core@3.2.37:
 91 |     resolution: {integrity: sha512-81KhEjo7YAOh0vQJoSmAD68wLfYqJvoiD4ulyedzF+OEk/bk6/hx3fTNVfuzugIIaTrOx4PGx6pAiBRe5e9Zmg==}
 92 |     dependencies:
 93 |       '@babel/parser': 7.18.5
 94 |       '@vue/shared': 3.2.37
 95 |       estree-walker: 2.0.2
 96 |       source-map: 0.6.1
 97 | 
 98 |   /@vue/compiler-dom@3.2.37:
 99 |     resolution: {integrity: sha512-yxJLH167fucHKxaqXpYk7x8z7mMEnXOw3G2q62FTkmsvNxu4FQSu5+3UMb+L7fjKa26DEzhrmCxAgFLLIzVfqQ==}
100 |     dependencies:
101 |       '@vue/compiler-core': 3.2.37
102 |       '@vue/shared': 3.2.37
103 | 
104 |   /@vue/compiler-sfc@3.2.37:
105 |     resolution: {integrity: sha512-+7i/2+9LYlpqDv+KTtWhOZH+pa8/HnX/905MdVmAcI/mPQOBwkHHIzrsEsucyOIZQYMkXUiTkmZq5am/NyXKkg==}
106 |     dependencies:
107 |       '@babel/parser': 7.18.5
108 |       '@vue/compiler-core': 3.2.37
109 |       '@vue/compiler-dom': 3.2.37
110 |       '@vue/compiler-ssr': 3.2.37
111 |       '@vue/reactivity-transform': 3.2.37
112 |       '@vue/shared': 3.2.37
113 |       estree-walker: 2.0.2
114 |       magic-string: 0.25.9
115 |       postcss: 8.4.31
116 |       source-map: 0.6.1
117 | 
118 |   /@vue/compiler-ssr@3.2.37:
119 |     resolution: {integrity: sha512-7mQJD7HdXxQjktmsWp/J67lThEIcxLemz1Vb5I6rYJHR5vI+lON3nPGOH3ubmbvYGt8xEUaAr1j7/tIFWiEOqw==}
120 |     dependencies:
121 |       '@vue/compiler-dom': 3.2.37
122 |       '@vue/shared': 3.2.37
123 | 
124 |   /@vue/reactivity-transform@3.2.37:
125 |     resolution: {integrity: sha512-IWopkKEb+8qpu/1eMKVeXrK0NLw9HicGviJzhJDEyfxTR9e1WtpnnbYkJWurX6WwoFP0sz10xQg8yL8lgskAZg==}
126 |     dependencies:
127 |       '@babel/parser': 7.18.5
128 |       '@vue/compiler-core': 3.2.37
129 |       '@vue/shared': 3.2.37
130 |       estree-walker: 2.0.2
131 |       magic-string: 0.25.9
132 | 
133 |   /@vue/reactivity@3.2.37:
134 |     resolution: {integrity: sha512-/7WRafBOshOc6m3F7plwzPeCu/RCVv9uMpOwa/5PiY1Zz+WLVRWiy0MYKwmg19KBdGtFWsmZ4cD+LOdVPcs52A==}
135 |     dependencies:
136 |       '@vue/shared': 3.2.37
137 | 
138 |   /@vue/runtime-core@3.2.37:
139 |     resolution: {integrity: sha512-JPcd9kFyEdXLl/i0ClS7lwgcs0QpUAWj+SKX2ZC3ANKi1U4DOtiEr6cRqFXsPwY5u1L9fAjkinIdB8Rz3FoYNQ==}
140 |     dependencies:
141 |       '@vue/reactivity': 3.2.37
142 |       '@vue/shared': 3.2.37
143 | 
144 |   /@vue/runtime-dom@3.2.37:
145 |     resolution: {integrity: sha512-HimKdh9BepShW6YozwRKAYjYQWg9mQn63RGEiSswMbW+ssIht1MILYlVGkAGGQbkhSh31PCdoUcfiu4apXJoPw==}
146 |     dependencies:
147 |       '@vue/runtime-core': 3.2.37
148 |       '@vue/shared': 3.2.37
149 |       csstype: 2.6.20
150 | 
151 |   /@vue/server-renderer@3.2.37(vue@3.2.37):
152 |     resolution: {integrity: sha512-kLITEJvaYgZQ2h47hIzPh2K3jG8c1zCVbp/o/bzQOyvzaKiCquKS7AaioPI28GNxIsE/zSx+EwWYsNxDCX95MA==}
153 |     peerDependencies:
154 |       vue: 3.2.37
155 |     dependencies:
156 |       '@vue/compiler-ssr': 3.2.37
157 |       '@vue/shared': 3.2.37
158 |       vue: 3.2.37
159 | 
160 |   /@vue/shared@3.2.37:
161 |     resolution: {integrity: sha512-4rSJemR2NQIo9Klm1vabqWjD8rs/ZaJSzMxkMNeJS6lHiUjjUeYFbooN19NgFjztubEKh3WlZUeOLVdbbUWHsw==}
162 | 
163 |   /csstype@2.6.20:
164 |     resolution: {integrity: sha512-/WwNkdXfckNgw6S5R125rrW8ez139lBHWouiBvX8dfMFtcn6V81REDqnH7+CRpRipfYlyU1CmOnOxrmGcFOjeA==}
165 | 
166 |   /esbuild-android-64@0.14.43:
167 |     resolution: {integrity: sha512-kqFXAS72K6cNrB6RiM7YJ5lNvmWRDSlpi7ZuRZ1hu1S3w0zlwcoCxWAyM23LQUyZSs1PbjHgdbbfYAN8IGh6xg==}
168 |     engines: {node: '>=12'}
169 |     cpu: [x64]
170 |     os: [android]
171 |     requiresBuild: true
172 |     dev: true
173 |     optional: true
174 | 
175 |   /esbuild-android-arm64@0.14.43:
176 |     resolution: {integrity: sha512-bKS2BBFh+7XZY9rpjiHGRNA7LvWYbZWP87pLehggTG7tTaCDvj8qQGOU/OZSjCSKDYbgY7Q+oDw8RlYQ2Jt2BA==}
177 |     engines: {node: '>=12'}
178 |     cpu: [arm64]
179 |     os: [android]
180 |     requiresBuild: true
181 |     dev: true
182 |     optional: true
183 | 
184 |   /esbuild-darwin-64@0.14.43:
185 |     resolution: {integrity: sha512-/3PSilx011ttoieRGkSZ0XV8zjBf2C9enV4ScMMbCT4dpx0mFhMOpFnCHkOK0pWGB8LklykFyHrWk2z6DENVUg==}
186 |     engines: {node: '>=12'}
187 |     cpu: [x64]
188 |     os: [darwin]
189 |     requiresBuild: true
190 |     dev: true
191 |     optional: true
192 | 
193 |   /esbuild-darwin-arm64@0.14.43:
194 |     resolution: {integrity: sha512-1HyFUKs8DMCBOvw1Qxpr5Vv/ThNcVIFb5xgXWK3pyT40WPvgYIiRTwJCvNs4l8i5qWF8/CK5bQxJVDjQvtv0Yw==}
195 |     engines: {node: '>=12'}
196 |     cpu: [arm64]
197 |     os: [darwin]
198 |     requiresBuild: true
199 |     dev: true
200 |     optional: true
201 | 
202 |   /esbuild-freebsd-64@0.14.43:
203 |     resolution: {integrity: sha512-FNWc05TPHYgaXjbPZO5/rJKSBslfG6BeMSs8GhwnqAKP56eEhvmzwnIz1QcC9cRVyO+IKqWNfmHFkCa1WJTULA==}
204 |     engines: {node: '>=12'}
205 |     cpu: [x64]
206 |     os: [freebsd]
207 |     requiresBuild: true
208 |     dev: true
209 |     optional: true
210 | 
211 |   /esbuild-freebsd-arm64@0.14.43:
212 |     resolution: {integrity: sha512-amrYopclz3VohqisOPR6hA3GOWA3LZC1WDLnp21RhNmoERmJ/vLnOpnrG2P/Zao+/erKTCUqmrCIPVtj58DRoA==}
213 |     engines: {node: '>=12'}
214 |     cpu: [arm64]
215 |     os: [freebsd]
216 |     requiresBuild: true
217 |     dev: true
218 |     optional: true
219 | 
220 |   /esbuild-linux-32@0.14.43:
221 |     resolution: {integrity: sha512-KoxoEra+9O3AKVvgDFvDkiuddCds6q71owSQEYwjtqRV7RwbPzKxJa6+uyzUulHcyGVq0g15K0oKG5CFBcvYDw==}
222 |     engines: {node: '>=12'}
223 |     cpu: [ia32]
224 |     os: [linux]
225 |     requiresBuild: true
226 |     dev: true
227 |     optional: true
228 | 
229 |   /esbuild-linux-64@0.14.43:
230 |     resolution: {integrity: sha512-EwINwGMyiJMgBby5/SbMqKcUhS5AYAZ2CpEBzSowsJPNBJEdhkCTtEjk757TN/wxgbu3QklqDM6KghY660QCUw==}
231 |     engines: {node: '>=12'}
232 |     cpu: [x64]
233 |     os: [linux]
234 |     requiresBuild: true
235 |     dev: true
236 |     optional: true
237 | 
238 |   /esbuild-linux-arm64@0.14.43:
239 |     resolution: {integrity: sha512-UlSpjMWllAc70zYbHxWuDS3FJytyuR/gHJYBr8BICcTNb/TSOYVBg6U7b3jZ3mILTrgzwJUHwhEwK18FZDouUQ==}
240 |     engines: {node: '>=12'}
241 |     cpu: [arm64]
242 |     os: [linux]
243 |     requiresBuild: true
244 |     dev: true
245 |     optional: true
246 | 
247 |   /esbuild-linux-arm@0.14.43:
248 |     resolution: {integrity: sha512-e6YzQUoDxxtyamuF12eVzzRC7bbEFSZohJ6igQB9tBqnNmIQY3fI6Cns3z2wxtbZ3f2o6idkD2fQnlvs2902Dg==}
249 |     engines: {node: '>=12'}
250 |     cpu: [arm]
251 |     os: [linux]
252 |     requiresBuild: true
253 |     dev: true
254 |     optional: true
255 | 
256 |   /esbuild-linux-mips64le@0.14.43:
257 |     resolution: {integrity: sha512-f+v8cInPEL1/SDP//CfSYzcDNgE4CY3xgDV81DWm3KAPWzhvxARrKxB1Pstf5mB56yAslJDxu7ryBUPX207EZA==}
258 |     engines: {node: '>=12'}
259 |     cpu: [mips64el]
260 |     os: [linux]
261 |     requiresBuild: true
262 |     dev: true
263 |     optional: true
264 | 
265 |   /esbuild-linux-ppc64le@0.14.43:
266 |     resolution: {integrity: sha512-5wZYMDGAL/K2pqkdIsW+I4IR41kyfHr/QshJcNpUfK3RjB3VQcPWOaZmc+74rm4ZjVirYrtz+jWw0SgxtxRanA==}
267 |     engines: {node: '>=12'}
268 |     cpu: [ppc64]
269 |     os: [linux]
270 |     requiresBuild: true
271 |     dev: true
272 |     optional: true
273 | 
274 |   /esbuild-linux-riscv64@0.14.43:
275 |     resolution: {integrity: sha512-lYcAOUxp85hC7lSjycJUVSmj4/9oEfSyXjb/ua9bNl8afonaduuqtw7hvKMoKuYnVwOCDw4RSfKpcnIRDWq+Bw==}
276 |     engines: {node: '>=12'}
277 |     cpu: [riscv64]
278 |     os: [linux]
279 |     requiresBuild: true
280 |     dev: true
281 |     optional: true
282 | 
283 |   /esbuild-linux-s390x@0.14.43:
284 |     resolution: {integrity: sha512-27e43ZhHvhFE4nM7HqtUbMRu37I/4eNSUbb8FGZWszV+uLzMIsHDwLoBiJmw7G9N+hrehNPeQ4F5Ujad0DrUKQ==}
285 |     engines: {node: '>=12'}
286 |     cpu: [s390x]
287 |     os: [linux]
288 |     requiresBuild: true
289 |     dev: true
290 |     optional: true
291 | 
292 |   /esbuild-netbsd-64@0.14.43:
293 |     resolution: {integrity: sha512-2mH4QF6hHBn5zzAfxEI/2eBC0mspVsZ6UVo821LpAJKMvLJPBk3XJO5xwg7paDqSqpl7p6IRrAenW999AEfJhQ==}
294 |     engines: {node: '>=12'}
295 |     cpu: [x64]
296 |     os: [netbsd]
297 |     requiresBuild: true
298 |     dev: true
299 |     optional: true
300 | 
301 |   /esbuild-openbsd-64@0.14.43:
302 |     resolution: {integrity: sha512-ZhQpiZjvqCqO8jKdGp9+8k9E/EHSA+zIWOg+grwZasI9RoblqJ1QiZqqi7jfd6ZrrG1UFBNGe4m0NFxCFbMVbg==}
303 |     engines: {node: '>=12'}
304 |     cpu: [x64]
305 |     os: [openbsd]
306 |     requiresBuild: true
307 |     dev: true
308 |     optional: true
309 | 
310 |   /esbuild-sunos-64@0.14.43:
311 |     resolution: {integrity: sha512-DgxSi9DaHReL9gYuul2rrQCAapgnCJkh3LSHPKsY26zytYppG0HgkgVF80zjIlvEsUbGBP/GHQzBtrezj/Zq1Q==}
312 |     engines: {node: '>=12'}
313 |     cpu: [x64]
314 |     os: [sunos]
315 |     requiresBuild: true
316 |     dev: true
317 |     optional: true
318 | 
319 |   /esbuild-windows-32@0.14.43:
320 |     resolution: {integrity: sha512-Ih3+2O5oExiqm0mY6YYE5dR0o8+AspccQ3vIAtRodwFvhuyGLjb0Hbmzun/F3Lw19nuhPMu3sW2fqIJ5xBxByw==}
321 |     engines: {node: '>=12'}
322 |     cpu: [ia32]
323 |     os: [win32]
324 |     requiresBuild: true
325 |     dev: true
326 |     optional: true
327 | 
328 |   /esbuild-windows-64@0.14.43:
329 |     resolution: {integrity: sha512-8NsuNfI8xwFuJbrCuI+aBqNTYkrWErejFO5aYM+yHqyHuL8mmepLS9EPzAzk8rvfaJrhN0+RvKWAcymViHOKEw==}
330 |     engines: {node: '>=12'}
331 |     cpu: [x64]
332 |     os: [win32]
333 |     requiresBuild: true
334 |     dev: true
335 |     optional: true
336 | 
337 |   /esbuild-windows-arm64@0.14.43:
338 |     resolution: {integrity: sha512-7ZlD7bo++kVRblJEoG+cepljkfP8bfuTPz5fIXzptwnPaFwGS6ahvfoYzY7WCf5v/1nX2X02HDraVItTgbHnKw==}
339 |     engines: {node: '>=12'}
340 |     cpu: [arm64]
341 |     os: [win32]
342 |     requiresBuild: true
343 |     dev: true
344 |     optional: true
345 | 
346 |   /esbuild@0.14.43:
347 |     resolution: {integrity: sha512-Uf94+kQmy/5jsFwKWiQB4hfo/RkM9Dh7b79p8yqd1tshULdr25G2szLz631NoH3s2ujnKEKVD16RmOxvCNKRFA==}
348 |     engines: {node: '>=12'}
349 |     hasBin: true
350 |     requiresBuild: true
351 |     optionalDependencies:
352 |       esbuild-android-64: 0.14.43
353 |       esbuild-android-arm64: 0.14.43
354 |       esbuild-darwin-64: 0.14.43
355 |       esbuild-darwin-arm64: 0.14.43
356 |       esbuild-freebsd-64: 0.14.43
357 |       esbuild-freebsd-arm64: 0.14.43
358 |       esbuild-linux-32: 0.14.43
359 |       esbuild-linux-64: 0.14.43
360 |       esbuild-linux-arm: 0.14.43
361 |       esbuild-linux-arm64: 0.14.43
362 |       esbuild-linux-mips64le: 0.14.43
363 |       esbuild-linux-ppc64le: 0.14.43
364 |       esbuild-linux-riscv64: 0.14.43
365 |       esbuild-linux-s390x: 0.14.43
366 |       esbuild-netbsd-64: 0.14.43
367 |       esbuild-openbsd-64: 0.14.43
368 |       esbuild-sunos-64: 0.14.43
369 |       esbuild-windows-32: 0.14.43
370 |       esbuild-windows-64: 0.14.43
371 |       esbuild-windows-arm64: 0.14.43
372 |     dev: true
373 | 
374 |   /estree-walker@2.0.2:
375 |     resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
376 | 
377 |   /fsevents@2.3.2:
378 |     resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==}
379 |     engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
380 |     os: [darwin]
381 |     requiresBuild: true
382 |     dev: true
383 |     optional: true
384 | 
385 |   /function-bind@1.1.1:
386 |     resolution: {integrity: sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==}
387 |     dev: true
388 | 
389 |   /has@1.0.3:
390 |     resolution: {integrity: sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==}
391 |     engines: {node: '>= 0.4.0'}
392 |     dependencies:
393 |       function-bind: 1.1.1
394 |     dev: true
395 | 
396 |   /is-core-module@2.9.0:
397 |     resolution: {integrity: sha512-+5FPy5PnwmO3lvfMb0AsoPaBG+5KHUI0wYFXOtYPnVVVspTFUuMZNfNaNVRt3FZadstu2c8x23vykRW/NBoU6A==}
398 |     dependencies:
399 |       has: 1.0.3
400 |     dev: true
401 | 
402 |   /magic-string@0.25.9:
403 |     resolution: {integrity: sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==}
404 |     dependencies:
405 |       sourcemap-codec: 1.4.8
406 | 
407 |   /nanoid@3.3.6:
408 |     resolution: {integrity: sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==}
409 |     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
410 |     hasBin: true
411 | 
412 |   /path-parse@1.0.7:
413 |     resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
414 |     dev: true
415 | 
416 |   /picocolors@1.0.0:
417 |     resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==}
418 | 
419 |   /postcss@8.4.31:
420 |     resolution: {integrity: sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==}
421 |     engines: {node: ^10 || ^12 || >=14}
422 |     dependencies:
423 |       nanoid: 3.3.6
424 |       picocolors: 1.0.0
425 |       source-map-js: 1.0.2
426 | 
427 |   /resolve@1.22.0:
428 |     resolution: {integrity: sha512-Hhtrw0nLeSrFQ7phPp4OOcVjLPIeMnRlr5mcnVuMe7M/7eBn98A3hmFRLoFo3DLZkivSYwhRUJTyPyWAk56WLw==}
429 |     hasBin: true
430 |     dependencies:
431 |       is-core-module: 2.9.0
432 |       path-parse: 1.0.7
433 |       supports-preserve-symlinks-flag: 1.0.0
434 |     dev: true
435 | 
436 |   /rollup@2.75.6:
437 |     resolution: {integrity: sha512-OEf0TgpC9vU6WGROJIk1JA3LR5vk/yvqlzxqdrE2CzzXnqKXNzbAwlWUXis8RS3ZPe7LAq+YUxsRa0l3r27MLA==}
438 |     engines: {node: '>=10.0.0'}
439 |     hasBin: true
440 |     optionalDependencies:
441 |       fsevents: 2.3.2
442 |     dev: true
443 | 
444 |   /source-map-js@1.0.2:
445 |     resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==}
446 |     engines: {node: '>=0.10.0'}
447 | 
448 |   /source-map@0.6.1:
449 |     resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
450 |     engines: {node: '>=0.10.0'}
451 | 
452 |   /sourcemap-codec@1.4.8:
453 |     resolution: {integrity: sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==}
454 | 
455 |   /supports-preserve-symlinks-flag@1.0.0:
456 |     resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
457 |     engines: {node: '>= 0.4'}
458 |     dev: true
459 | 
460 |   /to-fast-properties@2.0.0:
461 |     resolution: {integrity: sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==}
462 |     engines: {node: '>=4'}
463 | 
464 |   /typescript@4.7.3:
465 |     resolution: {integrity: sha512-WOkT3XYvrpXx4vMMqlD+8R8R37fZkjyLGlxavMc4iB8lrl8L0DeTcHbYgw/v0N/z9wAFsgBhcsF0ruoySS22mA==}
466 |     engines: {node: '>=4.2.0'}
467 |     hasBin: true
468 |     dev: true
469 | 
470 |   /vite@2.9.12:
471 |     resolution: {integrity: sha512-suxC36dQo9Rq1qMB2qiRorNJtJAdxguu5TMvBHOc/F370KvqAe9t48vYp+/TbPKRNrMh/J55tOUmkuIqstZaew==}
472 |     engines: {node: '>=12.2.0'}
473 |     hasBin: true
474 |     peerDependencies:
475 |       less: '*'
476 |       sass: '*'
477 |       stylus: '*'
478 |     peerDependenciesMeta:
479 |       less:
480 |         optional: true
481 |       sass:
482 |         optional: true
483 |       stylus:
484 |         optional: true
485 |     dependencies:
486 |       esbuild: 0.14.43
487 |       postcss: 8.4.31
488 |       resolve: 1.22.0
489 |       rollup: 2.75.6
490 |     optionalDependencies:
491 |       fsevents: 2.3.2
492 |     dev: true
493 | 
494 |   /vue-contenteditable@4.1.0(vue@3.2.37):
495 |     resolution: {integrity: sha512-PCQD8JNYt6lbocYvquHB0p3SWd0QGtHNydfbO4Ma3wOMiUTwjJiCyBv3vJRf7WvTkuLObn66GqEYUurfBLfrRQ==}
496 |     peerDependencies:
497 |       vue: ^3.2.25
498 |     dependencies:
499 |       vue: 3.2.37
500 |     dev: false
501 | 
502 |   /vue-tsc@0.34.17(typescript@4.7.3):
503 |     resolution: {integrity: sha512-jzUXky44ZLHC4daaJag7FQr3idlPYN719/K1eObGljz5KaS2UnVGTU/XSYCd7d6ampYYg4OsyalbHyJIxV0aEQ==}
504 |     hasBin: true
505 |     peerDependencies:
506 |       typescript: '*'
507 |     dependencies:
508 |       '@volar/vue-typescript': 0.34.17
509 |       typescript: 4.7.3
510 |     dev: true
511 | 
512 |   /vue@3.2.37:
513 |     resolution: {integrity: sha512-bOKEZxrm8Eh+fveCqS1/NkG/n6aMidsI6hahas7pa0w/l7jkbssJVsRhVDs07IdDq7h9KHswZOgItnwJAgtVtQ==}
514 |     dependencies:
515 |       '@vue/compiler-dom': 3.2.37
516 |       '@vue/compiler-sfc': 3.2.37
517 |       '@vue/runtime-dom': 3.2.37
518 |       '@vue/server-renderer': 3.2.37(vue@3.2.37)
519 |       '@vue/shared': 3.2.37
520 | 


--------------------------------------------------------------------------------
/samples/vite_ts_sample/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hl037/vue-contenteditable/8acaec762cb4d2317aa83d5a9d5f393cf2a2784e/samples/vite_ts_sample/public/favicon.ico


--------------------------------------------------------------------------------
/samples/vite_ts_sample/src/App.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <HelloWorld/>
 3 | </template>
 4 | 
 5 | <script lang="ts">
 6 | import { defineComponent } from 'vue';
 7 | import HelloWorld from './components/HelloWorld.vue';
 8 | 
 9 | export default defineComponent({
10 |   name: 'App',
11 |   components: {
12 |     HelloWorld
13 |   }
14 | });
15 | </script>
16 | 
17 | <style>
18 | #app {
19 |   font-family: Avenir, Helvetica, Arial, sans-serif;
20 |   -webkit-font-smoothing: antialiased;
21 |   -moz-osx-font-smoothing: grayscale;
22 |   text-align: center;
23 |   color: #2c3e50;
24 |   margin-top: 60px;
25 | }
26 | </style>
27 | 


--------------------------------------------------------------------------------
/samples/vite_ts_sample/src/assets/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hl037/vue-contenteditable/8acaec762cb4d2317aa83d5a9d5f393cf2a2784e/samples/vite_ts_sample/src/assets/logo.png


--------------------------------------------------------------------------------
/samples/vite_ts_sample/src/components/HelloWorld.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div>
 3 |     <p>Content Editable :</p>
 4 |     <contenteditable :tag="tag" :contenteditable="isEditable" v-model="message" :no-nl="noNL" :no-html="noHTML" @returned="enterPressed" @keyup="keyUp" @keypress="keyPress" />
 5 |     <form action="">
 6 |       <input type="checkbox" id="editable" v-model="isEditable"/><label for="editable">Editable ?</label><br/>
 7 |       <input type="checkbox" id="nonl" v-model="noNL"/><label for="nonl">noNL ?</label><br/>
 8 |       <input type="checkbox" id="nohtml" v-model="noHTML"/><label for="nohtml">noHTML ?</label><br/>
 9 |       <label for="alt">Alternative input :</label>
10 |       <input type="text" id="alt" v-model="message"/><br/>
11 |       <label for="alt">Element type (tag prop) :</label>
12 |       <input type="text" id="tag" v-model="tag"/>
13 |     </form>
14 |       <p>Content :</p>
15 |       <p>{{message}}</p>
16 |       <p>"returned" Event :</p>
17 |       <p>{{event}}</p>
18 |       <p>"keyUp" Event (directly set on the element) :</p>
19 |       <p>{{keyUpEv}}</p>
20 |       <p>"keyPress" Event (caught and re-emitted) :</p>
21 |       <p>{{keyPressEv}}</p>
22 |       
23 |   </div>
24 | </template>
25 | 
26 | <script lang="ts">
27 | import { defineComponent, ref } from 'vue';
28 | import contenteditable from 'vue-contenteditable';
29 | 
30 | interface Obj {
31 |   [key: string]: any;
32 | }
33 | 
34 | export default defineComponent({
35 |   name: 'HelloWorld',
36 |   components : {
37 |     contenteditable
38 |   },
39 |   setup(props){
40 |     const r: Obj = {
41 |       isEditable : ref(true),
42 |       noNL : ref(false),
43 |       noHTML : ref(false),
44 |       message : ref(''),
45 |       event : ref(''),
46 |       keyUpEv : ref(''),
47 |       keyPressEv : ref(''),
48 |       tag : ref('div'),
49 |     }
50 |     return {
51 |       ...r,
52 |       enterPressed(ev: any){
53 |         const currentdate = new Date();
54 |         r.event.value = "Return pressed on: " + currentdate.getDate() + "/"
55 |                 + (currentdate.getMonth()+1)  + "/" 
56 |                 + currentdate.getFullYear() + "  "  
57 |                 + currentdate.getHours() + ":"  
58 |                 + currentdate.getMinutes() + ":" 
59 |                 + currentdate.getSeconds()
60 |                 + " Content : " + ev
61 |       },
62 |       keyUp(ev: any){
63 |         const currentdate = new Date();
64 |         r.keyUpEv.value = "ev keyup : '"+ev.key+"'";
65 |       },
66 |       keyPress(ev: any){
67 |         const currentdate = new Date();
68 |         r.keyPressEv.value = "ev keypress : '"+ev.key+"'";
69 |       }
70 | 
71 |     }
72 |   }
73 | });
74 | 
75 | </script>
76 | 


--------------------------------------------------------------------------------
/samples/vite_ts_sample/src/main.ts:
--------------------------------------------------------------------------------
1 | import { createApp } from 'vue'
2 | import App from './App.vue'
3 | 
4 | createApp(App).mount('#app')
5 | 


--------------------------------------------------------------------------------
/samples/vite_ts_sample/src/shims-vue.d.ts:
--------------------------------------------------------------------------------
1 | /* eslint-disable */
2 | declare module '*.vue' {
3 |   import type { DefineComponent } from 'vue'
4 |   const component: DefineComponent<{}, {}, any>
5 |   export default component
6 | }
7 | 


--------------------------------------------------------------------------------
/samples/vite_ts_sample/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "compilerOptions": {
 3 |     "target": "esnext",
 4 |     "useDefineForClassFields": true,
 5 |     "module": "esnext",
 6 |     "moduleResolution": "node",
 7 |     "strict": true,
 8 |     "jsx": "preserve",
 9 |     "sourceMap": true,
10 |     "resolveJsonModule": true,
11 |     "isolatedModules": true,
12 |     "esModuleInterop": true,
13 |     "lib": ["esnext", "dom"],
14 |     "skipLibCheck": true
15 |   },
16 |   "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
17 |   "references": [{ "path": "./tsconfig.node.json" }]
18 | }
19 | 


--------------------------------------------------------------------------------
/samples/vite_ts_sample/tsconfig.node.json:
--------------------------------------------------------------------------------
1 | {
2 |   "compilerOptions": {
3 |     "composite": true,
4 |     "module": "esnext",
5 |     "moduleResolution": "node"
6 |   },
7 |   "include": ["vite.config.ts"]
8 | }
9 | 


--------------------------------------------------------------------------------
/samples/vite_ts_sample/vite.config.ts:
--------------------------------------------------------------------------------
1 | import { defineConfig } from 'vite'
2 | import vue from '@vitejs/plugin-vue'
3 | 
4 | // https://vitejs.dev/config/
5 | export default defineConfig({
6 |   plugins: [vue()]
7 | })
8 | 


--------------------------------------------------------------------------------
/samples/vite_ts_script_setup_sample/.gitignore:
--------------------------------------------------------------------------------
 1 | # Logs
 2 | logs
 3 | *.log
 4 | npm-debug.log*
 5 | yarn-debug.log*
 6 | yarn-error.log*
 7 | pnpm-debug.log*
 8 | lerna-debug.log*
 9 | 
10 | node_modules
11 | dist
12 | dist-ssr
13 | *.local
14 | 
15 | # Editor directories and files
16 | .vscode/*
17 | !.vscode/extensions.json
18 | .idea
19 | .DS_Store
20 | *.suo
21 | *.ntvs*
22 | *.njsproj
23 | *.sln
24 | *.sw?
25 | 


--------------------------------------------------------------------------------
/samples/vite_ts_script_setup_sample/.vscode/extensions.json:
--------------------------------------------------------------------------------
1 | {
2 |   "recommendations": ["Vue.volar"]
3 | }
4 | 


--------------------------------------------------------------------------------
/samples/vite_ts_script_setup_sample/README.md:
--------------------------------------------------------------------------------
 1 | # Vue 3 + TypeScript + Vite
 2 | 
 3 | This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
 4 | 
 5 | ## Recommended IDE Setup
 6 | 
 7 | - [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar)
 8 | 
 9 | ## Type Support For `.vue` Imports in TS
10 | 
11 | Since TypeScript cannot handle type information for `.vue` imports, they are shimmed to be a generic Vue component type by default. In most cases this is fine if you don't really care about component prop types outside of templates. However, if you wish to get actual prop types in `.vue` imports (for example to get props validation when using manual `h(...)` calls), you can enable Volar's Take Over mode by following these steps:
12 | 
13 | 1. Run `Extensions: Show Built-in Extensions` from VS Code's command palette, look for `TypeScript and JavaScript Language Features`, then right click and select `Disable (Workspace)`. By default, Take Over mode will enable itself if the default TypeScript extension is disabled.
14 | 2. Reload the VS Code window by running `Developer: Reload Window` from the command palette.
15 | 
16 | You can learn more about Take Over mode [here](https://github.com/johnsoncodehk/volar/discussions/471).
17 | 


--------------------------------------------------------------------------------
/samples/vite_ts_script_setup_sample/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="UTF-8" />
 5 |     <link rel="icon" href="/favicon.ico" />
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 7 |     <title>Vite App</title>
 8 |   </head>
 9 |   <body>
10 |     <div id="app"></div>
11 |     <script type="module" src="/src/main.ts"></script>
12 |   </body>
13 | </html>
14 | 


--------------------------------------------------------------------------------
/samples/vite_ts_script_setup_sample/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "vite_ts_sample",
 3 |   "private": true,
 4 |   "version": "0.0.0",
 5 |   "scripts": {
 6 |     "dev": "vite",
 7 |     "build": "vue-tsc --noEmit && vite build",
 8 |     "preview": "vite preview"
 9 |   },
10 |   "dependencies": {
11 |     "vue": "^3.2.25",
12 |     "vue-contenteditable": "^4.0.0"
13 |   },
14 |   "devDependencies": {
15 |     "@vitejs/plugin-vue": "^2.3.3",
16 |     "typescript": "^4.5.4",
17 |     "vite": "^2.9.9",
18 |     "vue-tsc": "^0.34.7"
19 |   }
20 | }
21 | 


--------------------------------------------------------------------------------
/samples/vite_ts_script_setup_sample/pnpm-lock.yaml:
--------------------------------------------------------------------------------
  1 | lockfileVersion: '6.0'
  2 | 
  3 | settings:
  4 |   autoInstallPeers: true
  5 |   excludeLinksFromLockfile: false
  6 | 
  7 | dependencies:
  8 |   vue:
  9 |     specifier: ^3.2.25
 10 |     version: 3.2.37
 11 |   vue-contenteditable:
 12 |     specifier: ^4.0.0
 13 |     version: 4.1.0(vue@3.2.37)
 14 | 
 15 | devDependencies:
 16 |   '@vitejs/plugin-vue':
 17 |     specifier: ^2.3.3
 18 |     version: 2.3.3(vite@2.9.12)(vue@3.2.37)
 19 |   typescript:
 20 |     specifier: ^4.5.4
 21 |     version: 4.7.3
 22 |   vite:
 23 |     specifier: ^2.9.9
 24 |     version: 2.9.12
 25 |   vue-tsc:
 26 |     specifier: ^0.34.7
 27 |     version: 0.34.17(typescript@4.7.3)
 28 | 
 29 | packages:
 30 | 
 31 |   /@babel/helper-validator-identifier@7.16.7:
 32 |     resolution: {integrity: sha512-hsEnFemeiW4D08A5gUAZxLBTXpZ39P+a+DGDsHw1yxqyQ/jzFEnxf5uTEGp+3bzAbNOxU1paTgYS4ECU/IgfDw==}
 33 |     engines: {node: '>=6.9.0'}
 34 | 
 35 |   /@babel/parser@7.18.5:
 36 |     resolution: {integrity: sha512-YZWVaglMiplo7v8f1oMQ5ZPQr0vn7HPeZXxXWsxXJRjGVrzUFn9OxFQl1sb5wzfootjA/yChhW84BV+383FSOw==}
 37 |     engines: {node: '>=6.0.0'}
 38 |     hasBin: true
 39 |     dependencies:
 40 |       '@babel/types': 7.18.4
 41 | 
 42 |   /@babel/types@7.18.4:
 43 |     resolution: {integrity: sha512-ThN1mBcMq5pG/Vm2IcBmPPfyPXbd8S02rS+OBIDENdufvqC7Z/jHPCv9IcP01277aKtDI8g/2XysBN4hA8niiw==}
 44 |     engines: {node: '>=6.9.0'}
 45 |     dependencies:
 46 |       '@babel/helper-validator-identifier': 7.16.7
 47 |       to-fast-properties: 2.0.0
 48 | 
 49 |   /@vitejs/plugin-vue@2.3.3(vite@2.9.12)(vue@3.2.37):
 50 |     resolution: {integrity: sha512-SmQLDyhz+6lGJhPELsBdzXGc+AcaT8stgkbiTFGpXPe8Tl1tJaBw1A6pxDqDuRsVkD8uscrkx3hA7QDOoKYtyw==}
 51 |     engines: {node: '>=12.0.0'}
 52 |     peerDependencies:
 53 |       vite: ^2.5.10
 54 |       vue: ^3.2.25
 55 |     dependencies:
 56 |       vite: 2.9.12
 57 |       vue: 3.2.37
 58 |     dev: true
 59 | 
 60 |   /@volar/code-gen@0.34.17:
 61 |     resolution: {integrity: sha512-rHR7BA71BJ/4S7xUOPMPiB7uk6iU9oTWpEMZxFi5VGC9iJmDncE82WzU5iYpcbOBCVHsOjMh0+5CGMgdO6SaPA==}
 62 |     dependencies:
 63 |       '@volar/source-map': 0.34.17
 64 |     dev: true
 65 | 
 66 |   /@volar/source-map@0.34.17:
 67 |     resolution: {integrity: sha512-3yn1IMXJGGWB/G817/VFlFMi8oh5pmE7VzUqvgMZMrppaZpKj6/juvJIEiXNxRsgWc0RxIO8OSp4htdPUg1Raw==}
 68 |     dev: true
 69 | 
 70 |   /@volar/vue-code-gen@0.34.17:
 71 |     resolution: {integrity: sha512-17pzcK29fyFWUc+C82J3JYSnA+jy3QNrIldb9kPaP9Itbik05ZjEIyEue9FjhgIAuHeYSn4LDM5s6nGjxyfhsQ==}
 72 |     dependencies:
 73 |       '@volar/code-gen': 0.34.17
 74 |       '@volar/source-map': 0.34.17
 75 |       '@vue/compiler-core': 3.2.37
 76 |       '@vue/compiler-dom': 3.2.37
 77 |       '@vue/shared': 3.2.37
 78 |     dev: true
 79 | 
 80 |   /@volar/vue-typescript@0.34.17:
 81 |     resolution: {integrity: sha512-U0YSVIBPRWVPmgJHNa4nrfq88+oS+tmyZNxmnfajIw9A/GOGZQiKXHC0k09SVvbYXlsjgJ6NIjhm9NuAhGRQjg==}
 82 |     dependencies:
 83 |       '@volar/code-gen': 0.34.17
 84 |       '@volar/source-map': 0.34.17
 85 |       '@volar/vue-code-gen': 0.34.17
 86 |       '@vue/compiler-sfc': 3.2.37
 87 |       '@vue/reactivity': 3.2.37
 88 |     dev: true
 89 | 
 90 |   /@vue/compiler-core@3.2.37:
 91 |     resolution: {integrity: sha512-81KhEjo7YAOh0vQJoSmAD68wLfYqJvoiD4ulyedzF+OEk/bk6/hx3fTNVfuzugIIaTrOx4PGx6pAiBRe5e9Zmg==}
 92 |     dependencies:
 93 |       '@babel/parser': 7.18.5
 94 |       '@vue/shared': 3.2.37
 95 |       estree-walker: 2.0.2
 96 |       source-map: 0.6.1
 97 | 
 98 |   /@vue/compiler-dom@3.2.37:
 99 |     resolution: {integrity: sha512-yxJLH167fucHKxaqXpYk7x8z7mMEnXOw3G2q62FTkmsvNxu4FQSu5+3UMb+L7fjKa26DEzhrmCxAgFLLIzVfqQ==}
100 |     dependencies:
101 |       '@vue/compiler-core': 3.2.37
102 |       '@vue/shared': 3.2.37
103 | 
104 |   /@vue/compiler-sfc@3.2.37:
105 |     resolution: {integrity: sha512-+7i/2+9LYlpqDv+KTtWhOZH+pa8/HnX/905MdVmAcI/mPQOBwkHHIzrsEsucyOIZQYMkXUiTkmZq5am/NyXKkg==}
106 |     dependencies:
107 |       '@babel/parser': 7.18.5
108 |       '@vue/compiler-core': 3.2.37
109 |       '@vue/compiler-dom': 3.2.37
110 |       '@vue/compiler-ssr': 3.2.37
111 |       '@vue/reactivity-transform': 3.2.37
112 |       '@vue/shared': 3.2.37
113 |       estree-walker: 2.0.2
114 |       magic-string: 0.25.9
115 |       postcss: 8.4.31
116 |       source-map: 0.6.1
117 | 
118 |   /@vue/compiler-ssr@3.2.37:
119 |     resolution: {integrity: sha512-7mQJD7HdXxQjktmsWp/J67lThEIcxLemz1Vb5I6rYJHR5vI+lON3nPGOH3ubmbvYGt8xEUaAr1j7/tIFWiEOqw==}
120 |     dependencies:
121 |       '@vue/compiler-dom': 3.2.37
122 |       '@vue/shared': 3.2.37
123 | 
124 |   /@vue/reactivity-transform@3.2.37:
125 |     resolution: {integrity: sha512-IWopkKEb+8qpu/1eMKVeXrK0NLw9HicGviJzhJDEyfxTR9e1WtpnnbYkJWurX6WwoFP0sz10xQg8yL8lgskAZg==}
126 |     dependencies:
127 |       '@babel/parser': 7.18.5
128 |       '@vue/compiler-core': 3.2.37
129 |       '@vue/shared': 3.2.37
130 |       estree-walker: 2.0.2
131 |       magic-string: 0.25.9
132 | 
133 |   /@vue/reactivity@3.2.37:
134 |     resolution: {integrity: sha512-/7WRafBOshOc6m3F7plwzPeCu/RCVv9uMpOwa/5PiY1Zz+WLVRWiy0MYKwmg19KBdGtFWsmZ4cD+LOdVPcs52A==}
135 |     dependencies:
136 |       '@vue/shared': 3.2.37
137 | 
138 |   /@vue/runtime-core@3.2.37:
139 |     resolution: {integrity: sha512-JPcd9kFyEdXLl/i0ClS7lwgcs0QpUAWj+SKX2ZC3ANKi1U4DOtiEr6cRqFXsPwY5u1L9fAjkinIdB8Rz3FoYNQ==}
140 |     dependencies:
141 |       '@vue/reactivity': 3.2.37
142 |       '@vue/shared': 3.2.37
143 | 
144 |   /@vue/runtime-dom@3.2.37:
145 |     resolution: {integrity: sha512-HimKdh9BepShW6YozwRKAYjYQWg9mQn63RGEiSswMbW+ssIht1MILYlVGkAGGQbkhSh31PCdoUcfiu4apXJoPw==}
146 |     dependencies:
147 |       '@vue/runtime-core': 3.2.37
148 |       '@vue/shared': 3.2.37
149 |       csstype: 2.6.20
150 | 
151 |   /@vue/server-renderer@3.2.37(vue@3.2.37):
152 |     resolution: {integrity: sha512-kLITEJvaYgZQ2h47hIzPh2K3jG8c1zCVbp/o/bzQOyvzaKiCquKS7AaioPI28GNxIsE/zSx+EwWYsNxDCX95MA==}
153 |     peerDependencies:
154 |       vue: 3.2.37
155 |     dependencies:
156 |       '@vue/compiler-ssr': 3.2.37
157 |       '@vue/shared': 3.2.37
158 |       vue: 3.2.37
159 | 
160 |   /@vue/shared@3.2.37:
161 |     resolution: {integrity: sha512-4rSJemR2NQIo9Klm1vabqWjD8rs/ZaJSzMxkMNeJS6lHiUjjUeYFbooN19NgFjztubEKh3WlZUeOLVdbbUWHsw==}
162 | 
163 |   /csstype@2.6.20:
164 |     resolution: {integrity: sha512-/WwNkdXfckNgw6S5R125rrW8ez139lBHWouiBvX8dfMFtcn6V81REDqnH7+CRpRipfYlyU1CmOnOxrmGcFOjeA==}
165 | 
166 |   /esbuild-android-64@0.14.43:
167 |     resolution: {integrity: sha512-kqFXAS72K6cNrB6RiM7YJ5lNvmWRDSlpi7ZuRZ1hu1S3w0zlwcoCxWAyM23LQUyZSs1PbjHgdbbfYAN8IGh6xg==}
168 |     engines: {node: '>=12'}
169 |     cpu: [x64]
170 |     os: [android]
171 |     requiresBuild: true
172 |     dev: true
173 |     optional: true
174 | 
175 |   /esbuild-android-arm64@0.14.43:
176 |     resolution: {integrity: sha512-bKS2BBFh+7XZY9rpjiHGRNA7LvWYbZWP87pLehggTG7tTaCDvj8qQGOU/OZSjCSKDYbgY7Q+oDw8RlYQ2Jt2BA==}
177 |     engines: {node: '>=12'}
178 |     cpu: [arm64]
179 |     os: [android]
180 |     requiresBuild: true
181 |     dev: true
182 |     optional: true
183 | 
184 |   /esbuild-darwin-64@0.14.43:
185 |     resolution: {integrity: sha512-/3PSilx011ttoieRGkSZ0XV8zjBf2C9enV4ScMMbCT4dpx0mFhMOpFnCHkOK0pWGB8LklykFyHrWk2z6DENVUg==}
186 |     engines: {node: '>=12'}
187 |     cpu: [x64]
188 |     os: [darwin]
189 |     requiresBuild: true
190 |     dev: true
191 |     optional: true
192 | 
193 |   /esbuild-darwin-arm64@0.14.43:
194 |     resolution: {integrity: sha512-1HyFUKs8DMCBOvw1Qxpr5Vv/ThNcVIFb5xgXWK3pyT40WPvgYIiRTwJCvNs4l8i5qWF8/CK5bQxJVDjQvtv0Yw==}
195 |     engines: {node: '>=12'}
196 |     cpu: [arm64]
197 |     os: [darwin]
198 |     requiresBuild: true
199 |     dev: true
200 |     optional: true
201 | 
202 |   /esbuild-freebsd-64@0.14.43:
203 |     resolution: {integrity: sha512-FNWc05TPHYgaXjbPZO5/rJKSBslfG6BeMSs8GhwnqAKP56eEhvmzwnIz1QcC9cRVyO+IKqWNfmHFkCa1WJTULA==}
204 |     engines: {node: '>=12'}
205 |     cpu: [x64]
206 |     os: [freebsd]
207 |     requiresBuild: true
208 |     dev: true
209 |     optional: true
210 | 
211 |   /esbuild-freebsd-arm64@0.14.43:
212 |     resolution: {integrity: sha512-amrYopclz3VohqisOPR6hA3GOWA3LZC1WDLnp21RhNmoERmJ/vLnOpnrG2P/Zao+/erKTCUqmrCIPVtj58DRoA==}
213 |     engines: {node: '>=12'}
214 |     cpu: [arm64]
215 |     os: [freebsd]
216 |     requiresBuild: true
217 |     dev: true
218 |     optional: true
219 | 
220 |   /esbuild-linux-32@0.14.43:
221 |     resolution: {integrity: sha512-KoxoEra+9O3AKVvgDFvDkiuddCds6q71owSQEYwjtqRV7RwbPzKxJa6+uyzUulHcyGVq0g15K0oKG5CFBcvYDw==}
222 |     engines: {node: '>=12'}
223 |     cpu: [ia32]
224 |     os: [linux]
225 |     requiresBuild: true
226 |     dev: true
227 |     optional: true
228 | 
229 |   /esbuild-linux-64@0.14.43:
230 |     resolution: {integrity: sha512-EwINwGMyiJMgBby5/SbMqKcUhS5AYAZ2CpEBzSowsJPNBJEdhkCTtEjk757TN/wxgbu3QklqDM6KghY660QCUw==}
231 |     engines: {node: '>=12'}
232 |     cpu: [x64]
233 |     os: [linux]
234 |     requiresBuild: true
235 |     dev: true
236 |     optional: true
237 | 
238 |   /esbuild-linux-arm64@0.14.43:
239 |     resolution: {integrity: sha512-UlSpjMWllAc70zYbHxWuDS3FJytyuR/gHJYBr8BICcTNb/TSOYVBg6U7b3jZ3mILTrgzwJUHwhEwK18FZDouUQ==}
240 |     engines: {node: '>=12'}
241 |     cpu: [arm64]
242 |     os: [linux]
243 |     requiresBuild: true
244 |     dev: true
245 |     optional: true
246 | 
247 |   /esbuild-linux-arm@0.14.43:
248 |     resolution: {integrity: sha512-e6YzQUoDxxtyamuF12eVzzRC7bbEFSZohJ6igQB9tBqnNmIQY3fI6Cns3z2wxtbZ3f2o6idkD2fQnlvs2902Dg==}
249 |     engines: {node: '>=12'}
250 |     cpu: [arm]
251 |     os: [linux]
252 |     requiresBuild: true
253 |     dev: true
254 |     optional: true
255 | 
256 |   /esbuild-linux-mips64le@0.14.43:
257 |     resolution: {integrity: sha512-f+v8cInPEL1/SDP//CfSYzcDNgE4CY3xgDV81DWm3KAPWzhvxARrKxB1Pstf5mB56yAslJDxu7ryBUPX207EZA==}
258 |     engines: {node: '>=12'}
259 |     cpu: [mips64el]
260 |     os: [linux]
261 |     requiresBuild: true
262 |     dev: true
263 |     optional: true
264 | 
265 |   /esbuild-linux-ppc64le@0.14.43:
266 |     resolution: {integrity: sha512-5wZYMDGAL/K2pqkdIsW+I4IR41kyfHr/QshJcNpUfK3RjB3VQcPWOaZmc+74rm4ZjVirYrtz+jWw0SgxtxRanA==}
267 |     engines: {node: '>=12'}
268 |     cpu: [ppc64]
269 |     os: [linux]
270 |     requiresBuild: true
271 |     dev: true
272 |     optional: true
273 | 
274 |   /esbuild-linux-riscv64@0.14.43:
275 |     resolution: {integrity: sha512-lYcAOUxp85hC7lSjycJUVSmj4/9oEfSyXjb/ua9bNl8afonaduuqtw7hvKMoKuYnVwOCDw4RSfKpcnIRDWq+Bw==}
276 |     engines: {node: '>=12'}
277 |     cpu: [riscv64]
278 |     os: [linux]
279 |     requiresBuild: true
280 |     dev: true
281 |     optional: true
282 | 
283 |   /esbuild-linux-s390x@0.14.43:
284 |     resolution: {integrity: sha512-27e43ZhHvhFE4nM7HqtUbMRu37I/4eNSUbb8FGZWszV+uLzMIsHDwLoBiJmw7G9N+hrehNPeQ4F5Ujad0DrUKQ==}
285 |     engines: {node: '>=12'}
286 |     cpu: [s390x]
287 |     os: [linux]
288 |     requiresBuild: true
289 |     dev: true
290 |     optional: true
291 | 
292 |   /esbuild-netbsd-64@0.14.43:
293 |     resolution: {integrity: sha512-2mH4QF6hHBn5zzAfxEI/2eBC0mspVsZ6UVo821LpAJKMvLJPBk3XJO5xwg7paDqSqpl7p6IRrAenW999AEfJhQ==}
294 |     engines: {node: '>=12'}
295 |     cpu: [x64]
296 |     os: [netbsd]
297 |     requiresBuild: true
298 |     dev: true
299 |     optional: true
300 | 
301 |   /esbuild-openbsd-64@0.14.43:
302 |     resolution: {integrity: sha512-ZhQpiZjvqCqO8jKdGp9+8k9E/EHSA+zIWOg+grwZasI9RoblqJ1QiZqqi7jfd6ZrrG1UFBNGe4m0NFxCFbMVbg==}
303 |     engines: {node: '>=12'}
304 |     cpu: [x64]
305 |     os: [openbsd]
306 |     requiresBuild: true
307 |     dev: true
308 |     optional: true
309 | 
310 |   /esbuild-sunos-64@0.14.43:
311 |     resolution: {integrity: sha512-DgxSi9DaHReL9gYuul2rrQCAapgnCJkh3LSHPKsY26zytYppG0HgkgVF80zjIlvEsUbGBP/GHQzBtrezj/Zq1Q==}
312 |     engines: {node: '>=12'}
313 |     cpu: [x64]
314 |     os: [sunos]
315 |     requiresBuild: true
316 |     dev: true
317 |     optional: true
318 | 
319 |   /esbuild-windows-32@0.14.43:
320 |     resolution: {integrity: sha512-Ih3+2O5oExiqm0mY6YYE5dR0o8+AspccQ3vIAtRodwFvhuyGLjb0Hbmzun/F3Lw19nuhPMu3sW2fqIJ5xBxByw==}
321 |     engines: {node: '>=12'}
322 |     cpu: [ia32]
323 |     os: [win32]
324 |     requiresBuild: true
325 |     dev: true
326 |     optional: true
327 | 
328 |   /esbuild-windows-64@0.14.43:
329 |     resolution: {integrity: sha512-8NsuNfI8xwFuJbrCuI+aBqNTYkrWErejFO5aYM+yHqyHuL8mmepLS9EPzAzk8rvfaJrhN0+RvKWAcymViHOKEw==}
330 |     engines: {node: '>=12'}
331 |     cpu: [x64]
332 |     os: [win32]
333 |     requiresBuild: true
334 |     dev: true
335 |     optional: true
336 | 
337 |   /esbuild-windows-arm64@0.14.43:
338 |     resolution: {integrity: sha512-7ZlD7bo++kVRblJEoG+cepljkfP8bfuTPz5fIXzptwnPaFwGS6ahvfoYzY7WCf5v/1nX2X02HDraVItTgbHnKw==}
339 |     engines: {node: '>=12'}
340 |     cpu: [arm64]
341 |     os: [win32]
342 |     requiresBuild: true
343 |     dev: true
344 |     optional: true
345 | 
346 |   /esbuild@0.14.43:
347 |     resolution: {integrity: sha512-Uf94+kQmy/5jsFwKWiQB4hfo/RkM9Dh7b79p8yqd1tshULdr25G2szLz631NoH3s2ujnKEKVD16RmOxvCNKRFA==}
348 |     engines: {node: '>=12'}
349 |     hasBin: true
350 |     requiresBuild: true
351 |     optionalDependencies:
352 |       esbuild-android-64: 0.14.43
353 |       esbuild-android-arm64: 0.14.43
354 |       esbuild-darwin-64: 0.14.43
355 |       esbuild-darwin-arm64: 0.14.43
356 |       esbuild-freebsd-64: 0.14.43
357 |       esbuild-freebsd-arm64: 0.14.43
358 |       esbuild-linux-32: 0.14.43
359 |       esbuild-linux-64: 0.14.43
360 |       esbuild-linux-arm: 0.14.43
361 |       esbuild-linux-arm64: 0.14.43
362 |       esbuild-linux-mips64le: 0.14.43
363 |       esbuild-linux-ppc64le: 0.14.43
364 |       esbuild-linux-riscv64: 0.14.43
365 |       esbuild-linux-s390x: 0.14.43
366 |       esbuild-netbsd-64: 0.14.43
367 |       esbuild-openbsd-64: 0.14.43
368 |       esbuild-sunos-64: 0.14.43
369 |       esbuild-windows-32: 0.14.43
370 |       esbuild-windows-64: 0.14.43
371 |       esbuild-windows-arm64: 0.14.43
372 |     dev: true
373 | 
374 |   /estree-walker@2.0.2:
375 |     resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
376 | 
377 |   /fsevents@2.3.2:
378 |     resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==}
379 |     engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
380 |     os: [darwin]
381 |     requiresBuild: true
382 |     dev: true
383 |     optional: true
384 | 
385 |   /function-bind@1.1.1:
386 |     resolution: {integrity: sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==}
387 |     dev: true
388 | 
389 |   /has@1.0.3:
390 |     resolution: {integrity: sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==}
391 |     engines: {node: '>= 0.4.0'}
392 |     dependencies:
393 |       function-bind: 1.1.1
394 |     dev: true
395 | 
396 |   /is-core-module@2.9.0:
397 |     resolution: {integrity: sha512-+5FPy5PnwmO3lvfMb0AsoPaBG+5KHUI0wYFXOtYPnVVVspTFUuMZNfNaNVRt3FZadstu2c8x23vykRW/NBoU6A==}
398 |     dependencies:
399 |       has: 1.0.3
400 |     dev: true
401 | 
402 |   /magic-string@0.25.9:
403 |     resolution: {integrity: sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==}
404 |     dependencies:
405 |       sourcemap-codec: 1.4.8
406 | 
407 |   /nanoid@3.3.6:
408 |     resolution: {integrity: sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==}
409 |     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
410 |     hasBin: true
411 | 
412 |   /path-parse@1.0.7:
413 |     resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
414 |     dev: true
415 | 
416 |   /picocolors@1.0.0:
417 |     resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==}
418 | 
419 |   /postcss@8.4.31:
420 |     resolution: {integrity: sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==}
421 |     engines: {node: ^10 || ^12 || >=14}
422 |     dependencies:
423 |       nanoid: 3.3.6
424 |       picocolors: 1.0.0
425 |       source-map-js: 1.0.2
426 | 
427 |   /resolve@1.22.0:
428 |     resolution: {integrity: sha512-Hhtrw0nLeSrFQ7phPp4OOcVjLPIeMnRlr5mcnVuMe7M/7eBn98A3hmFRLoFo3DLZkivSYwhRUJTyPyWAk56WLw==}
429 |     hasBin: true
430 |     dependencies:
431 |       is-core-module: 2.9.0
432 |       path-parse: 1.0.7
433 |       supports-preserve-symlinks-flag: 1.0.0
434 |     dev: true
435 | 
436 |   /rollup@2.75.6:
437 |     resolution: {integrity: sha512-OEf0TgpC9vU6WGROJIk1JA3LR5vk/yvqlzxqdrE2CzzXnqKXNzbAwlWUXis8RS3ZPe7LAq+YUxsRa0l3r27MLA==}
438 |     engines: {node: '>=10.0.0'}
439 |     hasBin: true
440 |     optionalDependencies:
441 |       fsevents: 2.3.2
442 |     dev: true
443 | 
444 |   /source-map-js@1.0.2:
445 |     resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==}
446 |     engines: {node: '>=0.10.0'}
447 | 
448 |   /source-map@0.6.1:
449 |     resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
450 |     engines: {node: '>=0.10.0'}
451 | 
452 |   /sourcemap-codec@1.4.8:
453 |     resolution: {integrity: sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==}
454 | 
455 |   /supports-preserve-symlinks-flag@1.0.0:
456 |     resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
457 |     engines: {node: '>= 0.4'}
458 |     dev: true
459 | 
460 |   /to-fast-properties@2.0.0:
461 |     resolution: {integrity: sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==}
462 |     engines: {node: '>=4'}
463 | 
464 |   /typescript@4.7.3:
465 |     resolution: {integrity: sha512-WOkT3XYvrpXx4vMMqlD+8R8R37fZkjyLGlxavMc4iB8lrl8L0DeTcHbYgw/v0N/z9wAFsgBhcsF0ruoySS22mA==}
466 |     engines: {node: '>=4.2.0'}
467 |     hasBin: true
468 |     dev: true
469 | 
470 |   /vite@2.9.12:
471 |     resolution: {integrity: sha512-suxC36dQo9Rq1qMB2qiRorNJtJAdxguu5TMvBHOc/F370KvqAe9t48vYp+/TbPKRNrMh/J55tOUmkuIqstZaew==}
472 |     engines: {node: '>=12.2.0'}
473 |     hasBin: true
474 |     peerDependencies:
475 |       less: '*'
476 |       sass: '*'
477 |       stylus: '*'
478 |     peerDependenciesMeta:
479 |       less:
480 |         optional: true
481 |       sass:
482 |         optional: true
483 |       stylus:
484 |         optional: true
485 |     dependencies:
486 |       esbuild: 0.14.43
487 |       postcss: 8.4.31
488 |       resolve: 1.22.0
489 |       rollup: 2.75.6
490 |     optionalDependencies:
491 |       fsevents: 2.3.2
492 |     dev: true
493 | 
494 |   /vue-contenteditable@4.1.0(vue@3.2.37):
495 |     resolution: {integrity: sha512-PCQD8JNYt6lbocYvquHB0p3SWd0QGtHNydfbO4Ma3wOMiUTwjJiCyBv3vJRf7WvTkuLObn66GqEYUurfBLfrRQ==}
496 |     peerDependencies:
497 |       vue: ^3.2.25
498 |     dependencies:
499 |       vue: 3.2.37
500 |     dev: false
501 | 
502 |   /vue-tsc@0.34.17(typescript@4.7.3):
503 |     resolution: {integrity: sha512-jzUXky44ZLHC4daaJag7FQr3idlPYN719/K1eObGljz5KaS2UnVGTU/XSYCd7d6ampYYg4OsyalbHyJIxV0aEQ==}
504 |     hasBin: true
505 |     peerDependencies:
506 |       typescript: '*'
507 |     dependencies:
508 |       '@volar/vue-typescript': 0.34.17
509 |       typescript: 4.7.3
510 |     dev: true
511 | 
512 |   /vue@3.2.37:
513 |     resolution: {integrity: sha512-bOKEZxrm8Eh+fveCqS1/NkG/n6aMidsI6hahas7pa0w/l7jkbssJVsRhVDs07IdDq7h9KHswZOgItnwJAgtVtQ==}
514 |     dependencies:
515 |       '@vue/compiler-dom': 3.2.37
516 |       '@vue/compiler-sfc': 3.2.37
517 |       '@vue/runtime-dom': 3.2.37
518 |       '@vue/server-renderer': 3.2.37(vue@3.2.37)
519 |       '@vue/shared': 3.2.37
520 | 


--------------------------------------------------------------------------------
/samples/vite_ts_script_setup_sample/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hl037/vue-contenteditable/8acaec762cb4d2317aa83d5a9d5f393cf2a2784e/samples/vite_ts_script_setup_sample/public/favicon.ico


--------------------------------------------------------------------------------
/samples/vite_ts_script_setup_sample/src/App.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <HelloWorld/>
 3 | </template>
 4 | 
 5 | <script lang="ts">
 6 | import { defineComponent } from 'vue';
 7 | import HelloWorld from './components/HelloWorld.vue';
 8 | 
 9 | export default defineComponent({
10 |   name: 'App',
11 |   components: {
12 |     HelloWorld
13 |   }
14 | });
15 | </script>
16 | 
17 | <style>
18 | #app {
19 |   font-family: Avenir, Helvetica, Arial, sans-serif;
20 |   -webkit-font-smoothing: antialiased;
21 |   -moz-osx-font-smoothing: grayscale;
22 |   text-align: center;
23 |   color: #2c3e50;
24 |   margin-top: 60px;
25 | }
26 | </style>
27 | 


--------------------------------------------------------------------------------
/samples/vite_ts_script_setup_sample/src/assets/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hl037/vue-contenteditable/8acaec762cb4d2317aa83d5a9d5f393cf2a2784e/samples/vite_ts_script_setup_sample/src/assets/logo.png


--------------------------------------------------------------------------------
/samples/vite_ts_script_setup_sample/src/components/HelloWorld.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div>
 3 |     <p>Content Editable :</p>
 4 |     <contenteditable :tag="tag" :contenteditable="isEditable" v-model="message" :no-nl="noNL" :no-html="noHTML" @returned="enterPressed" @keyup="keyUp" @keypress="keyPress" />
 5 |     <form action="">
 6 |       <input type="checkbox" id="editable" v-model="isEditable"/><label for="editable">Editable ?</label><br/>
 7 |       <input type="checkbox" id="nonl" v-model="noNL"/><label for="nonl">noNL ?</label><br/>
 8 |       <input type="checkbox" id="nohtml" v-model="noHTML"/><label for="nohtml">noHTML ?</label><br/>
 9 |       <label for="alt">Alternative input :</label>
10 |       <input type="text" id="alt" v-model="message"/><br/>
11 |       <label for="alt">Element type (tag prop) :</label>
12 |       <input type="text" id="tag" v-model="tag"/>
13 |     </form>
14 |       <p>Content :</p>
15 |       <p>{{message}}</p>
16 |       <p>"returned" Event :</p>
17 |       <p>{{event}}</p>
18 |       <p>"keyUp" Event (directly set on the element) :</p>
19 |       <p>{{keyUpEv}}</p>
20 |       <p>"keyPress" Event (caught and re-emitted) :</p>
21 |       <p>{{keyPressEv}}</p>
22 |       
23 |   </div>
24 | </template>
25 | 
26 | <script setup lang="ts">
27 | import { defineComponent, ref } from 'vue';
28 | import contenteditable from 'vue-contenteditable';
29 | 
30 | const isEditable = ref(true);
31 | const noNL = ref(false);
32 | const noHTML = ref(false);
33 | const message = ref('');
34 | const event = ref('');
35 | const keyUpEv = ref('');
36 | const keyPressEv = ref('');
37 | const tag = ref('div');
38 |   
39 | function enterPressed(ev: any){
40 |   const currentdate = new Date();
41 |   event.value = "Return pressed on: " + currentdate.getDate() + "/"
42 |           + (currentdate.getMonth()+1)  + "/" 
43 |           + currentdate.getFullYear() + "  "  
44 |           + currentdate.getHours() + ":"  
45 |           + currentdate.getMinutes() + ":" 
46 |           + currentdate.getSeconds()
47 |           + " Content : " + ev
48 | }
49 | 
50 | function keyUp(ev: any){
51 |   const currentdate = new Date();
52 |   keyUpEv.value = "ev keyup : '"+ev.key+"'";
53 | }
54 | 
55 | function keyPress(ev: any){
56 |   const currentdate = new Date();
57 |   keyPressEv.value = "ev keypress : '"+ev.key+"'";
58 | }
59 | 
60 | </script>
61 | 


--------------------------------------------------------------------------------
/samples/vite_ts_script_setup_sample/src/main.ts:
--------------------------------------------------------------------------------
1 | import { createApp } from 'vue'
2 | import App from './App.vue'
3 | 
4 | createApp(App).mount('#app')
5 | 


--------------------------------------------------------------------------------
/samples/vite_ts_script_setup_sample/src/shims-vue.d.ts:
--------------------------------------------------------------------------------
1 | /* eslint-disable */
2 | declare module '*.vue' {
3 |   import type { DefineComponent } from 'vue'
4 |   const component: DefineComponent<{}, {}, any>
5 |   export default component
6 | }
7 | 


--------------------------------------------------------------------------------
/samples/vite_ts_script_setup_sample/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "compilerOptions": {
 3 |     "target": "esnext",
 4 |     "useDefineForClassFields": true,
 5 |     "module": "esnext",
 6 |     "moduleResolution": "node",
 7 |     "strict": true,
 8 |     "jsx": "preserve",
 9 |     "sourceMap": true,
10 |     "resolveJsonModule": true,
11 |     "isolatedModules": true,
12 |     "esModuleInterop": true,
13 |     "lib": ["esnext", "dom"],
14 |     "skipLibCheck": true
15 |   },
16 |   "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
17 |   "references": [{ "path": "./tsconfig.node.json" }]
18 | }
19 | 


--------------------------------------------------------------------------------
/samples/vite_ts_script_setup_sample/tsconfig.node.json:
--------------------------------------------------------------------------------
1 | {
2 |   "compilerOptions": {
3 |     "composite": true,
4 |     "module": "esnext",
5 |     "moduleResolution": "node"
6 |   },
7 |   "include": ["vite.config.ts"]
8 | }
9 | 


--------------------------------------------------------------------------------
/samples/vite_ts_script_setup_sample/vite.config.ts:
--------------------------------------------------------------------------------
1 | import { defineConfig } from 'vite'
2 | import vue from '@vitejs/plugin-vue'
3 | 
4 | // https://vitejs.dev/config/
5 | export default defineConfig({
6 |   plugins: [vue()]
7 | })
8 | 


--------------------------------------------------------------------------------
/src/components/contenteditable.vue:
--------------------------------------------------------------------------------
  1 | 
  2 | <style scoped>
  3 | 
  4 | </style>
  5 | 
  6 | <template>
  7 |   <component
  8 |     :is="tag"
  9 |     :contenteditable="contenteditable"
 10 |     @input="update"
 11 |     @blur="update"
 12 |     @paste="onPaste"
 13 |     @keypress="onKeypress"
 14 |     ref="element"
 15 |   >
 16 |   </component>
 17 | </template>
 18 | 
 19 | <script setup lang="ts">
 20 | 
 21 | 
 22 | import { defineProps, ref, computed, onMounted, watch } from 'vue';
 23 | 
 24 | function replaceAll(str: string, search: string, replacement: string) {
 25 |   return str.split(search).join(replacement);
 26 | }
 27 | 
 28 | const props = defineProps({
 29 |   'tag' : String,
 30 |   'contenteditable' : {
 31 |     type : [Boolean, String],
 32 |     default : true,
 33 |   },
 34 |   'modelValue' : String,
 35 |   'noHtml' : {
 36 |     type : Boolean,
 37 |     default : true,
 38 |   },
 39 |   'noNl' : {
 40 |     type : Boolean,
 41 |     default : false,
 42 |   },
 43 | 
 44 | })
 45 | 
 46 | const emit = defineEmits({
 47 |   'returned' : String,
 48 |   'update:modelValue' : String,
 49 | })
 50 | 
 51 | 
 52 | const element = ref<HTMLElement | null>()
 53 | 
 54 | function currentContent(){
 55 |   return props.noHtml ? 
 56 |     element.value!.innerText
 57 |     :
 58 |     element.value!.innerHTML
 59 | }
 60 | 
 61 | function updateContent(newcontent: string){
 62 |   if(props.noHtml) {
 63 |     element.value!.innerText = newcontent;
 64 |   }
 65 |   else {
 66 |     element.value!.innerHTML = newcontent;
 67 |   }
 68 | }
 69 | 
 70 | function update(event: any) {
 71 |   emit('update:modelValue', currentContent());
 72 | }
 73 | 
 74 | function onPaste(event: any) {
 75 |   event.preventDefault();
 76 |   let text = (event.originalEvent || event).clipboardData.getData('text/plain');
 77 |   if(props.noNl) {
 78 |     text = replaceAll(text, '\r\n', ' ');
 79 |     text = replaceAll(text, '\n', ' ');
 80 |     text = replaceAll(text, '\r', ' ');
 81 |   }
 82 |   window.document.execCommand('insertText', false, text);
 83 | }
 84 | function onKeypress(event: any) {
 85 |   if(event.key == 'Enter' && props.noNl) {
 86 |     event.preventDefault();
 87 |     emit('returned', currentContent());
 88 |   }
 89 | }
 90 | 
 91 | onMounted(() =>{
 92 |   updateContent(props.modelValue ?? '')
 93 | })
 94 | 
 95 | watch( () => props.modelValue, (newval, oldval) => {
 96 |   if(newval != currentContent()){
 97 |     updateContent(newval ?? '')
 98 |   }
 99 | })
100 | 
101 | watch( () => props.noHtml, (newval, oldval)  => {
102 |   updateContent(props.modelValue ?? '')
103 | })
104 | 
105 | watch( () => props.tag, (newval, oldval)  => {
106 |   updateContent(props.modelValue ?? '');
107 | }, { flush: 'post' });
108 | 
109 | </script>
110 | 
111 | 


--------------------------------------------------------------------------------
/src/vue-contenteditable.ts:
--------------------------------------------------------------------------------
1 | import contenteditable from './components/contenteditable.vue'
2 | 
3 | export default contenteditable
4 | 
5 | 


--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "compilerOptions": {
 3 |     "target": "esnext",
 4 |     "useDefineForClassFields": true,
 5 |     "outDir": "dist",
 6 |     "declaration": true,
 7 |     "module": "esnext",
 8 |     "moduleResolution": "node",
 9 |     "strict": true,
10 |     "jsx": "preserve",
11 |     "sourceMap": true,
12 |     "resolveJsonModule": true,
13 |     "isolatedModules": false,
14 |     "esModuleInterop": true,
15 |     "lib": ["esnext", "dom"],
16 |     "skipLibCheck": true
17 |   },
18 |   "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
19 |   "references": [{ "path": "./tsconfig.node.json" }]
20 | }
21 | 


--------------------------------------------------------------------------------
/tsconfig.node.json:
--------------------------------------------------------------------------------
1 | {
2 |   "compilerOptions": {
3 |     "composite": true,
4 |     "module": "esnext",
5 |     "moduleResolution": "node"
6 |   },
7 |   "include": ["vite.config.ts"]
8 | }
9 | 


--------------------------------------------------------------------------------
/vite.config.ts:
--------------------------------------------------------------------------------
 1 | import { defineConfig } from 'vite'
 2 | import vue from '@vitejs/plugin-vue'
 3 | 
 4 | // https://vitejs.dev/config/
 5 | export default defineConfig({
 6 |   plugins: [vue()],
 7 |   build: {
 8 |     lib : {
 9 |       entry: "src/vue-contenteditable.ts",
10 |       name: "contenteditable",
11 |       formats: ['es', 'umd', 'cjs'],
12 |       fileName: (format) => `vue-contenteditable.${format}.js`
13 |     },
14 |     rollupOptions: {
15 |       external: ['vue'],
16 |       output: {
17 |         // Provide global variables to use in the UMD build
18 |         // Add external deps here
19 |         globals: {
20 |           vue: 'Vue',
21 |         },
22 |       },
23 |     },
24 |   }
25 | })
26 | 


--------------------------------------------------------------------------------