veaury - npm Package Compare versions

Comparing version 2.3.7 to 2.3.8-beta.0

package.json

 {
   "name": "veaury",
   "private": false,
-  "version": "2.3.7",
+  "version": "2.3.8-beta.0",
   "description": "Use React in Vue3 and Vue3 in React, And as perfect as possible!",
@@ -6,0 +6,0 @@ "main": "dist/veaury.umd.js",

README.md

@@ -1,51 +0,1 @@
-<!-- START doctoc generated TOC please keep comment here to allow auto update -->
-<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->
-# Table of Contents  
-[![Coverage Status](https://coveralls.io/repos/github/devilwjp/veaury/badge.svg?branch=master)](https://coveralls.io/github/devilwjp/veaury?branch=master)
-[![npm](https://img.shields.io/npm/v/veaury)](https://www.npmjs.com/package/veaury)
-[![npm](https://img.shields.io/npm/dm/veaury)](https://npmcharts.com/compare/veaury?minimal=true)
-[![npm bundle size](https://img.shields.io/bundlephobia/minzip/veaury)](https://npmcharts.com/compare/veaury?minimal=true)
-- [Veaury](#veaury)
-  - [Use React in Vue3 and Vue3 in React, And as perfect as possible!](#use-react-in-vue3-and-vue3-in-react-and-as-perfect-as-possible)
-  - [What is Veaury?](#what-is-veaury)
-  - [The greatest feature](#the-greatest-feature)
-  - [Legacy](#legacy)
-  - [Latest documentation](#latest-documentation)
-  - [Use cases](#use-cases)
-  - [Installation](#installation)
-  - [Do you want to preconfigure your project in advance?](#do-you-want-to-preconfigure-your-project-in-advance)
-    - [Webpack](#webpack)
-    - [Vite](#vite)
-  - [Usage](#usage)
-    - [Vue in React - Basic usage](#vue-in-react---basic-usage)
-    - [React in Vue - Basic usage](#react-in-vue---basic-usage)
-    - [Vue in React - Usage of events](#vue-in-react---usage-of-events)
-    - [React in Vue - Usage of events](#react-in-vue---usage-of-events)
-    - [Vue in React - Usage of slots](#vue-in-react---usage-of-slots)
-    - [React in Vue - Usage of render props and React node](#react-in-vue---usage-of-render-props-and-react-node)
-    - [Context](#context)
-      - [Vue in React - Usage of Provider / useContext](#vue-in-react---usage-of-provider--usecontext)
-      - [React in Vue - Usage of Provide / Inject](#react-in-vue---usage-of-provide--inject)
-    - [Usage of VueContainer in React Component](#usage-of-vuecontainer-in-react-component)
-    - [Usage of getVNode](#usage-of-getvnode)
-    - [Usage of getReactNode](#usage-of-getreactnode)
-    - [Usage of RenderReactNode](#usage-of-renderreactnode)
-    - [Vue in React, Usage of v-model / v-models](#vue-in-react-usage-of-v-model--v-models)
-    - [Option useInjectPropsFromWrapper](#option-useinjectpropsfromwrapper)
-      - [Usage of injecting React hooks in Vue component](#usage-of-injecting-react-hooks-in-vue-component)
-      - [Usage of injecting Vue hooks in React component](#usage-of-injecting-vue-hooks-in-react-component)
-    - [Crossing provider](#crossing-provider)
-      - [Usage of createCrossingProviderForVueInReact](#usage-of-createcrossingproviderforvueinreact)
-      - [Usage of createCrossingProviderForReactInVue](#usage-of-createcrossingproviderforreactinvue)
-    - [ReactMissVue](#reactmissvue)
-      - [Usage of createReactMissVue](#usage-of-createreactmissvue)
-    - [Usage of lazyReactInVue](#usage-of-lazyreactinvue)
-    - [Usage of lazyVueInReact](#usage-of-lazyvueinreact)
-    - [Usage of getting ref](#usage-of-getting-ref)
-  - [Typescript JSX types conflict caused by Vue and React at the same time.](#typescript-jsx-types-conflict-caused-by-vue-and-react-at-the-same-time)
-  - [Development Setup](#development-setup)
-  - [Project Structure](#project-structure)
-
-<!-- END doctoc generated TOC please keep comment here to allow auto update -->
-
 <div align=center>
@@ -63,2 +13,47 @@ <img src="https://raw.githubusercontent.com/devilwjp/VueReact/master/vuereact-combined.png"/>
 
+<!-- START doctoc generated TOC please keep comment here to allow auto update -->
+<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->
+
+
+- [What is Veaury?](#what-is-veaury)
+- [The greatest feature](#the-greatest-feature)
+- [Legacy](#legacy)
+- [Latest documentation](#latest-documentation)
+- [Use cases](#use-cases)
+- [Installation](#installation)
+- [Do you want to preconfigure your project in advance?](#do-you-want-to-preconfigure-your-project-in-advance)
+  - [Webpack](#webpack)
+  - [Vite](#vite)
+- [Usage](#usage)
+  - [Vue in React - Basic usage](#vue-in-react---basic-usage)
+  - [React in Vue - Basic usage](#react-in-vue---basic-usage)
+  - [Vue in React - Usage of events](#vue-in-react---usage-of-events)
+  - [React in Vue - Usage of events](#react-in-vue---usage-of-events)
+  - [Vue in React - Usage of slots](#vue-in-react---usage-of-slots)
+  - [React in Vue - Usage of render props and React node](#react-in-vue---usage-of-render-props-and-react-node)
+  - [Context](#context)
+    - [Vue in React - Usage of Provider / useContext](#vue-in-react---usage-of-provider--usecontext)
+    - [React in Vue - Usage of Provide / Inject](#react-in-vue---usage-of-provide--inject)
+  - [Usage of VueContainer in React Component](#usage-of-vuecontainer-in-react-component)
+  - [Usage of getVNode](#usage-of-getvnode)
+  - [Usage of getReactNode](#usage-of-getreactnode)
+  - [Usage of RenderReactNode](#usage-of-renderreactnode)
+  - [Vue in React, Usage of v-model / v-models](#vue-in-react-usage-of-v-model--v-models)
+  - [Option useInjectPropsFromWrapper](#option-useinjectpropsfromwrapper)
+    - [Usage of injecting React hooks in Vue component](#usage-of-injecting-react-hooks-in-vue-component)
+    - [Usage of injecting Vue hooks in React component](#usage-of-injecting-vue-hooks-in-react-component)
+  - [Crossing provider](#crossing-provider)
+    - [Usage of createCrossingProviderForVueInReact](#usage-of-createcrossingproviderforvueinreact)
+    - [Usage of createCrossingProviderForReactInVue](#usage-of-createcrossingproviderforreactinvue)
+  - [ReactMissVue](#reactmissvue)
+    - [Usage of createReactMissVue](#usage-of-createreactmissvue)
+  - [Usage of lazyReactInVue](#usage-of-lazyreactinvue)
+  - [Usage of lazyVueInReact](#usage-of-lazyvueinreact)
+  - [Usage of getting ref](#usage-of-getting-ref)
+- [Typescript JSX types conflict caused by Vue and React at the same time.](#typescript-jsx-types-conflict-caused-by-vue-and-react-at-the-same-time)
+- [Development Setup](#development-setup)
+- [Project Structure](#project-structure)
+
+<!-- END doctoc generated TOC please keep comment here to allow auto update -->
+
 ## What is Veaury?  
@@ -126,3 +121,9 @@ Veaury (pronounced /ˈvjuːri/, inspired by 'beauty') is a tool library.
     veauryVitePlugins({
-      type: 'vue'
+      type: 'vue',
+      // Configuration of @vitejs/plugin-vue
+      // vueOptions: {...},
+      // Configuration of @vitejs/plugin-react
+      // reactOptions: {...}, 
+      // Configuration of @vitejs/plugin-vue-jsx
+      // vueJsxOptions: {...}
     })
@@ -146,3 +147,9 @@ ]
     veauryVitePlugins({
-      type: 'react'
+      type: 'react',
+      // Configuration of @vitejs/plugin-vue
+      // vueOptions: {...},
+      // Configuration of @vitejs/plugin-react
+      // reactOptions: {...}, 
+      // Configuration of @vitejs/plugin-vue-jsx
+      // vueJsxOptions: {...}
     })
@@ -165,3 +172,9 @@ ]
       vueJsxInclude: [/vue&type=script&lang\.[tj]sx?$/, /vue&type=script&setup=true&lang\.[tj]sx?$/, /[/\\]vue_app[\\/$]+/],
-      // vueJsxExclude: []
+      // vueJsxExclude: [],
+      // Configuration of @vitejs/plugin-vue
+      // vueOptions: {...},
+      // Configuration of @vitejs/plugin-react
+      // reactOptions: {...}, 
+      // Configuration of @vitejs/plugin-vue-jsx
+      // vueJsxOptions: {...}
     })
@@ -168,0 +181,0 @@ ]

vite/index.js

@@ -23,5 +23,5 @@ const vue = require('@vitejs/plugin-vue')
 
-function veauryVitePlugins({type, vueJsxInclude, vueJsxExclude}) {
+function veauryVitePlugins({type, vueJsxInclude, vueJsxExclude, vueOptions = {}, vueJsxOptions: initVueJsxOptions = {}, reactOptions = {}}) {
 
-  let vueJsxOptions = {}
+  let vueJsxOptions = {...initVueJsxOptions}
   if (type === 'react') {
@@ -47,3 +47,3 @@ vueJsxOptions.include = [/vue&type=script&lang\.[tj]sx?$/, /vue&type=script&setup=true&lang\.[tj]sx?$/, /[/\\]vue_app[\\/$]+/]
     }),
-    vue(),
+    vue(vueOptions),
     // Make vueJsx plugin run time earlier
@@ -64,3 +64,3 @@ {
     },
-    react()
+    react(reactOptions)
   ]
@@ -67,0 +67,0 @@ }

New alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

136392

increased by0.09%

Number of lines in readme file

1115

increased by1.18%

Worsened metrics

Number of low quality alerts

2

increased by100%

No dependency changes