npm - vue-mount-plugin - Versions diffs - 4.0.0-beta.5 → 4.0.0 - Mend

vue-mount-plugin 4.0.0-beta.5 → 4.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/README.md CHANGED Viewed

@@ -11,8 +11,6 @@ A simple and easy to use Vue instance extension plugin that supports Vue 2.0 and
 [![gzip][gzip-image]][gzip-url]
 [![License][license-image]][license-url]
-[![Sonar][sonar-image]][sonar-url]
 </div>
 <div style="text-align: center; margin-bottom: 20px;" align="center">
@@ -48,19 +46,21 @@ $ yarn add vue-mount-plugin
 ### Use in Vue `>=3.0`
 ```vue
-<!-- test.vue -->
+<!-- App.vue -->
 <script setup>
-import { getCurrentInstance } from 'vue'
-import Mount from 'vue-mount-plugin'
-import DemoVue from './demo.vue'
+import { mount, createMount } from 'vue-mount-plugin'
+import Modal from './Modal.vue'
-const { proxy } = getCurrentInstance()
-const instance = new Mount(DemoVue, { parent: proxy.$root })
+// Mount and show immediately
+const instance = mount(Modal, {
+  props: { title: 'Hello' }
+})
-// mount to the end of document.body
-instance.mount()
+// Or create first, show later
+const instance2 = createMount(Modal, { props: { title: 'Deferred' } })
+instance2.show()
-// unmount
+// Unmount when done
 instance.unmount()
 </script>
 ```
@@ -68,22 +68,19 @@ instance.unmount()
 ### Use in Vue `2.7`
 ```vue
-<!-- test.vue -->
+<!-- App.vue -->
 <script>
-import { getCurrentInstance } from 'vue'
-import Mount from 'vue-mount-plugin'
-import DemoVue from './demo.vue'
+import { mount, createMount } from 'vue-mount-plugin'
+import Modal from './Modal.vue'
 export default {
-  setup() {
-    const { proxy } = getCurrentInstance()
-    const instance = new Mount(DemoVue, { parent: proxy.$root })
-    // mount to the end of document.body
-    instance.mount()
-    // unmount
-    instance.unmount()
+  methods: {
+    showModal() {
+      const instance = mount(Modal, {
+        props: { title: 'Hello' },
+        parent: this.$root
+      })
+    }
   }
 }
 </script>
@@ -101,32 +98,8 @@ export default {
 }
 ```
-```vue
-<!-- test.vue -->
-<script>
-import { getCurrentInstance } from '@vue/composition-api'
-import Mount from 'vue-mount-plugin'
-import DemoVue from './demo.vue'
-export default {
-  setup() {
-    const { proxy } = getCurrentInstance()
-    const instance = new Mount(DemoVue, { parent: proxy.$root })
-    // mount to the end of document.body
-    instance.mount()
-    // unmount
-    instance.unmount()
-  }
-}
-</script>
-```
 ### Import in Browser
-Import `vue-mount-plugin` through browser HTML tags directly, and use global variable `VueMount`.
 ```html
 <head>
   <!-- Import vue3 or vue2 -->
@@ -138,62 +111,53 @@ Import `vue-mount-plugin` through browser HTML tags directly, and use global var
 ```html
 <script>
-  const instance = new VueMount(DemoVue, { parent: this.$root })
-  // mount to the end of document.body
-  instance.mount()
-  // unmount
+  // Global: VueMount.mount, VueMount.createMount, etc.
+  const instance = VueMount.mount(DemoVue, { props: { title: 'Hello' } })
   instance.unmount()
 </script>
 ```
-### ES5 Support
+### IE11 Support
-For older browsers (IE11), use the ES5 build:
+For IE11 compatibility, use the ES5 build:
 ```html
 <head>
   <!-- Import vue2 (Vue 3 does not support IE11) -->
   <script src="//unpkg.com/vue@2"></script>
-  <!-- Import vue-mount-plugin ES5 build -->
+  <!-- Import ES5 build for IE11 -->
   <script src="//unpkg.com/vue-mount-plugin@4/dist/index.es5.min.js"></script>
 </head>
 ```
-## API
-### Constructor
+> **Note:** Vue 3 does not support IE11. Use Vue 2 with the ES5 build for IE11 compatibility.
-```typescript
-new Mount(component, options?)
-```
+## API
-#### Parameters
+### Core Functions
-| Parameter | Type | Description |
-|-----------|------|-------------|
-| `component` | `Component` | Vue component to mount (supports async components) |
-| `options` | `Options` | Mount options (optional) |
+| Function | Description |
+|----------|-------------|
+| `mount(component, options?)` | Create and immediately show component |
+| `createMount(component, options?)` | Create instance without showing (manual control) |
-#### Options
+### Mount Options
 | Property | Type | Default | Description |
 |----------|------|---------|-------------|
-| `app` | `App` | - | Vue 3 app instance |
-| `children` | `unknown` | - | Children for VNode |
-| `context` | `object` | - | Vue 2 context (router, store, i18n) |
-| `parent` | `unknown` | - | Parent component instance |
 | `props` | `object` | - | Props to pass to component |
 | `target` | `Element \| string` | - | Mount target element or selector |
 | `tagName` | `string` | `'div'` | Tag name for auto-created container |
+| `app` | `App` | - | Vue 3 app instance (for context inheritance) |
+| `parent` | `unknown` | - | Parent component instance (Vue 2) |
+| `context` | `object` | - | Vue 2 context (router, store, i18n) |
 | `listeners` | `Listeners` | - | Event listeners object |
 | `on` | `Listeners` | - | Event listeners (alias) |
 | `slots` | `Slots` | - | Slots object |
-| `ref` | `Ref` | - | Ref to get component instance |
-| `keepAlive` | `KeepAliveOptions \| boolean` | - | KeepAlive configuration |
+| `singleton` | `boolean \| string` | - | Singleton mode |
+| `zIndex` | `number` | - | z-index level |
-#### Lifecycle Hooks
+### Lifecycle Hooks
 | Hook | Description |
 |------|-------------|
@@ -206,46 +170,126 @@ new Mount(component, options?)
 | Method | Returns | Description |
 |--------|---------|-------------|
-| `mount()` | `this` | Mount the component to DOM |
-| `unmount()` | `void` | Unmount and destroy the component |
+| `show()` | `this` | Show/mount the component |
+| `hide()` | `this` | Hide component (keep instance) |
+| `unmount()` | `void` | Unmount and destroy completely |
 | `destroy()` | `void` | Alias for `unmount()` |
 | `remove()` | `void` | Alias for `unmount()` |
-| `setProps(props)` | `this` | Set props (chainable) |
-| `setListeners(listeners)` | `this` | Set event listeners (chainable) |
-| `on(listeners)` | `this` | Alias for `setListeners()` |
-| `setSlots(slots)` | `this` | Set slots (chainable) |
+| `setProps(props)` | `this` | Update props (chainable) |
 | `setTarget(target)` | `this` | Set mount target (chainable) |
+| `setSlots(slots)` | `this` | Set slots (chainable) |
 | `setHooks(hooks)` | `this` | Set lifecycle hooks (chainable) |
+| `on(event, handler)` | `this` | Add event listener (chainable) |
+| `off(event, handler?)` | `this` | Remove event listener (chainable) |
+| `emit(event, ...args)` | `this` | Emit event (chainable) |
 ### Instance Properties
 | Property | Type | Description |
 |----------|------|-------------|
-| `id` | `number` | Unique instance ID (readonly) |
-| `vNode` | `VNode` | Vue virtual node |
-| `target` | `Element` | Mount target element |
-| `componentInstance` | `ComponentPublicInstance` | Mounted component instance |
+| `id` | `string` | Unique instance ID |
+| `mounted` | `boolean` | Whether component is mounted |
+| `el` | `HTMLElement \| null` | DOM element |
+| `vm` | `ComponentPublicInstance \| null` | Vue component instance |
+| `options` | `MountOptions` | Merged options |
+### Global Functions
+| Function | Description |
+|----------|-------------|
+| `getInstances()` | Get all active instances |
+| `getInstanceById(id)` | Get instance by ID |
+| `unmountAll()` | Unmount all instances |
+| `isMounted(id)` | Check if instance is mounted |
+| `getActiveInstanceIds()` | Get all active instance IDs |
+| `setGlobalConfig(config)` | Set global configuration |
+| `globalConfig` | Global configuration object |
-### Static Methods
+## Usage Examples
-| Method | Returns | Description |
-|--------|---------|-------------|
-| `Mount.instances` | `Mount[]` | Get all active instances |
-| `Mount.unmountAll()` | `void` | Unmount all instances |
-| `Mount.destroyAll()` | `void` | Alias for `unmountAll()` |
-| `Mount.getById(id)` | `Mount \| undefined` | Get instance by ID |
+### Basic Usage
-## Usage Examples
+```typescript
+import { mount } from 'vue-mount-plugin'
+import Modal from './Modal.vue'
+// Mount and show immediately
+const instance = mount(Modal, {
+  props: { title: 'Hello World' }
+})
+// Unmount when done
+instance.unmount()
+```
+### Promise Support
+```typescript
+import { mount } from 'vue-mount-plugin'
+import ConfirmDialog from './ConfirmDialog.vue'
+// Await user confirmation
+const result = await mount(ConfirmDialog, {
+  props: {
+    message: 'Are you sure?'
+  }
+})
+console.log(result ? 'Confirmed' : 'Cancelled')
+```
+> The Promise resolves when the component emits a `close` event.
+### Singleton Mode
+```typescript
+import { mount } from 'vue-mount-plugin'
+import Toast from './Toast.vue'
+// Only one toast instance exists at a time
+mount(Toast, {
+  singleton: true,
+  props: { message: 'Hello!' }
+})
+// Using custom key for different singleton groups
+mount(Toast, {
+  singleton: 'error-toast',
+  props: { message: 'Error!', type: 'error' }
+})
+```
+### Event System
+```typescript
+import { mount } from 'vue-mount-plugin'
+import Modal from './Modal.vue'
+const instance = mount(Modal)
+// Listen to events
+instance.on('submit', (data) => {
+  console.log('Submitted:', data)
+})
+// Chaining
+instance
+  .on('close', () => console.log('Closed'))
+  .on('error', (err) => console.error(err))
+```
 ### Lifecycle Hooks
 ```typescript
-const instance = new Mount(DemoVue, {
+import { createMount } from 'vue-mount-plugin'
+import Modal from './Modal.vue'
+const instance = createMount(Modal, {
   onBeforeMount: (instance) => {
-    console.log('About to mount', instance.id)
+    console.log('About to mount')
   },
   onMounted: (instance) => {
-    console.log('Mounted', instance.componentInstance)
+    console.log('Mounted', instance.el)
   },
   onBeforeUnmount: (instance) => {
     console.log('About to unmount')
@@ -254,167 +298,374 @@ const instance = new Mount(DemoVue, {
     console.log('Unmounted')
   }
 })
-instance.mount()
+instance.show()
 ```
-### Event Listeners
+### Manual Control
 ```typescript
-const instance = new Mount(DemoVue, {
-  listeners: {
-    click: (event) => console.log('Clicked!', event),
-    close: () => instance.unmount()
-  }
-})
-// or use 'on' alias
-const instance2 = new Mount(DemoVue, {
-  on: {
-    submit: (data) => console.log('Submitted:', data)
-  }
+import { createMount } from 'vue-mount-plugin'
+import Modal from './Modal.vue'
+// Create without showing
+const instance = createMount(Modal, {
+  props: { title: 'Manual Control' }
 })
+console.log(instance.mounted) // false
+// Show when needed
+instance.show()
+console.log(instance.mounted) // true
+// Hide but keep instance
+instance.hide()
+console.log(instance.mounted) // true (still tracked)
+// Destroy completely
+instance.unmount()
+console.log(instance.mounted) // false
 ```
-### Slots
+### Props Update
 ```typescript
-import { h } from 'vue'
+import { mount } from 'vue-mount-plugin'
+import Modal from './Modal.vue'
-const instance = new Mount(ModalComponent, {
-  slots: {
-    default: [h('p', 'Modal content')],
-    header: [h('h2', 'Title')],
-    footer: [h('button', 'Close')]
-  }
+const instance = mount(Modal, {
+  props: { title: 'Original' }
 })
+// Update props dynamically
+instance.setProps({ title: 'Updated!' })
+// Chain with other methods
+instance
+  .setProps({ loading: true })
+  .setProps({ loading: false, title: 'Done' })
 ```
-### Ref Access
+### Context Inheritance (Vue 3)
 ```typescript
-import { ref } from 'vue'
+import { mount } from 'vue-mount-plugin'
+import { getCurrentInstance } from 'vue'
+import Modal from './Modal.vue'
-const componentRef = ref(null)
-const instance = new Mount(DemoVue, { ref: componentRef })
+// In Vue 3, pass app for context inheritance
+const { appContext } = getCurrentInstance()!
-instance.mount()
-// Access the component instance
-console.log(componentRef.value) // ComponentPublicInstance
+const instance = mount(Modal, {
+  app: appContext.app,
+  props: { title: 'With Context' }
+})
+// Component can now use router, store, i18n, etc.
 ```
-### Async Components
+### useMount Composable
 ```typescript
-// Async component with dynamic import
-const instance = new Mount(
-  () => import('./HeavyComponent.vue'),
-  { parent: proxy.$root }
-)
-instance.mount()
-```
+import { useMount } from 'vue-mount-plugin'
+import Modal from './Modal.vue'
-### Chained API
+const { mount, unmountAll, count, instances } = useMount()
-```typescript
-const instance = new Mount(DemoVue)
-  .setProps({ title: 'Hello' })
-  .setListeners({ click: handleClick })
-  .setTarget('#modal-container')
-  .setHooks({ onMounted: () => console.log('Ready!') })
-  .mount()
+// Mount component (auto cleanup on unmount)
+const instance = mount(Modal, { props: { title: 'Hello' } })
+// Track active instances
+console.log(count.value) // 1
+console.log(instances.value) // [instance]
+// Unmount all at once
+unmountAll()
 ```
-### Instance Management
+### Vue Plugin
 ```typescript
-// Get all active instances
-const allInstances = Mount.instances
-console.log(`Active instances: ${allInstances.length}`)
+import { createApp } from 'vue'
+import { MountPlugin } from 'vue-mount-plugin'
+import App from './App.vue'
-// Get specific instance by ID
-const instance = Mount.getById(1)
+const app = createApp(App)
-// Unmount all instances at once
-Mount.unmountAll()
+// Install with default name ($show)
+app.use(MountPlugin, { zIndex: 2000 })
+// Or with custom name
+app.use(MountPlugin, { name: '$mount' })
+// Now available in templates
+// this.$show(Component, options)
 ```
 ## Migration from v3.x to v4.0
-### Breaking Changes
+### Overview
+v4.0 is a major rewrite with a cleaner functional API. This guide will help you migrate from v3.x.
+### Quick Migration Checklist
+- [ ] Replace `new Mount()` with `mount()` or `createMount()`
+- [ ] Update property names (`id` is now string, `componentInstance` → `vm`)
+- [ ] Update method calls (`.mount()` → `.show()`)
+- [ ] Update static method calls (`.instances` → `getInstances()`)
+- [ ] Update build file paths if using CDN
+### API Changes
-#### 1. Build Output File Names
+#### Core API
-If you reference the build files directly, update the paths:
+| v3.x | v4.0 | Notes |
+|------|------|-------|
+| `new Mount(component, options)` | `mount(component, options)` | Create + show immediately |
+| `new Mount(component, options)` | `createMount(component, options)` | Create only, manual show |
+| `instance.mount()` | `instance.show()` | Method renamed |
+| `instance.destroy()` | `instance.unmount()` | Method renamed (alias still works) |
+| `instance.remove()` | `instance.unmount()` | Alias still works |
+#### Instance Properties
+| v3.x | v4.0 | Notes |
+|------|------|-------|
+| `instance.id` (number) | `instance.id` (string) | Now string for better uniqueness |
+| `instance.componentInstance` | `instance.vm` | Renamed for consistency |
+| `instance.vNode` | - | Removed, use `instance.vm` |
+| `instance.target` | `instance.el` | Renamed |
+| - | `instance.mounted` | New: boolean state |
+#### Static Methods → Functions
 | v3.x | v4.0 |
 |------|------|
-| `dist/index.esm-browser.js` | `dist/index.iife.js` |
-| `dist/index.esm-browser.prod.js` | `dist/index.iife.min.js` |
-| `dist/index.esm-bundler.js` | `dist/index.mjs` |
-| `dist/index.cjs.js` | `dist/index.cjs` |
-| `dist/index.global.js` | removed |
-| `dist/index.global.prod.js` | removed |
+| `Mount.instances` | `getInstances()` |
+| `Mount.getById(id)` | `getInstanceById(id)` |
+| `Mount.unmountAll()` | `unmountAll()` |
+| `Mount.destroyAll()` | `unmountAll()` |
-#### 2. Node.js Version
+#### Options Changes
-Minimum Node.js version increased from `>=12.20` to `>=14.14.0`.
+| v3.x | v4.0 | Notes |
+|------|------|-------|
+| `parent` | `parent` | Still supported (Vue 2) |
+| - | `app` | New: Vue 3 context inheritance |
+| - | `singleton` | New: singleton mode |
+| - | `onBeforeMount` | New: lifecycle hook |
+| - | `onMounted` | New: lifecycle hook |
+| - | `onBeforeUnmount` | New: lifecycle hook |
+| - | `onUnmounted` | New: lifecycle hook |
-#### 3. CDN Links
+### Code Migration Examples
-Update your CDN links:
+#### Basic Usage
-```html
-<!-- v3.x -->
-<script src="//unpkg.com/vue-mount-plugin@3/dist/index.esm-browser.prod.js"></script>
+```typescript
+// ❌ v3.x
+import Mount from 'vue-mount-plugin'
+const instance = new Mount(Modal, { parent: this.$root })
+instance.mount()
+instance.unmount()
-<!-- v4.0 -->
-<script src="//unpkg.com/vue-mount-plugin@4/dist/index.iife.min.js"></script>
+// ✅ v4.0
+import { mount } from 'vue-mount-plugin'
+const instance = mount(Modal, { app: this.$root })
+instance.unmount()
 ```
-### New Features (Optional Adoption)
+#### Deferred Mount
-v4.0 introduces many new features that are backward compatible:
+```typescript
+// ❌ v3.x
+import Mount from 'vue-mount-plugin'
+const instance = new Mount(Modal, options)
+// ... later
+instance.mount()
+// ✅ v4.0
+import { createMount } from 'vue-mount-plugin'
+const instance = createMount(Modal, options)
+// ... later
+instance.show()
+```
+#### Instance Management
 ```typescript
-// Lifecycle hooks
-const instance = new Mount(Component, {
-  onBeforeMount: (instance) => console.log('before mount'),
-  onMounted: (instance) => console.log('mounted'),
+// ❌ v3.x
+const all = Mount.instances
+const found = Mount.getById(1)
+Mount.unmountAll()
+// ✅ v4.0
+import { getInstances, getInstanceById, unmountAll } from 'vue-mount-plugin'
+const all = getInstances()
+const found = getInstanceById('mount-1-xxx')
+unmountAll()
+```
+#### Access Component Instance
+```typescript
+// ❌ v3.x
+const instance = new Mount(Modal)
+instance.mount()
+console.log(instance.componentInstance)
+// ✅ v4.0
+const instance = mount(Modal)
+console.log(instance.vm)
+```
+#### Event Listeners
+```typescript
+// ❌ v3.x
+const instance = new Mount(Modal, {
+  listeners: { close: handleClose }
 })
+instance.mount()
-// Event listeners
-const instance = new Mount(Component, {
-  listeners: { click: handleClick },
-  // or
-  on: { click: handleClick },
+// ✅ v4.0 - Option 1: via options
+const instance = mount(Modal, {
+  listeners: { close: handleClose }
 })
-// Ref support
-const ref = { value: null }
-new Mount(Component, { ref })
+// ✅ v4.0 - Option 2: via method (new!)
+const instance = mount(Modal)
+instance.on('close', handleClose)
+```
+#### Chained API
-// Chained API
-new Mount(Component)
+```typescript
+// ❌ v3.x
+const instance = new Mount(Modal)
   .setProps({ title: 'Hello' })
   .setTarget('#container')
   .mount()
-// Instance management
-const allInstances = Mount.instances
-Mount.unmountAll()
-const instance = Mount.getById(1)
+// ✅ v4.0
+const instance = createMount(Modal)
+  .setProps({ title: 'Hello' })
+  .setTarget('#container')
+  .show()
 ```
-### No Code Changes Required
+### New Features in v4.0
-If you only use the basic API, no code changes are needed:
+#### 1. Singleton Mode
+Only one instance of a component exists at a time:
 ```typescript
-// This still works in v4.0
-const instance = new Mount(Component, { parent: this.$root })
-instance.mount()
-instance.unmount()
+import { mount } from 'vue-mount-plugin'
+// Multiple calls - only one toast shows
+mount(Toast, {
+  singleton: true,
+  props: { message: 'Hello' }
+})
 ```
+#### 2. Promise Support
+Await user interaction results:
+```typescript
+import { mount } from 'vue-mount-plugin'
+const confirmed = await mount(ConfirmDialog, {
+  props: { message: 'Are you sure?' }
+})
+if (confirmed) {
+  // User clicked confirm
+}
+```
+#### 3. hide() Method
+Hide without destroying:
+```typescript
+import { mount } from 'vue-mount-plugin'
+const instance = mount(Modal)
+instance.hide()    // Hidden but instance preserved
+instance.show()    // Show again
+instance.unmount() // Destroy completely
+```
+#### 4. useMount Composable
+Auto cleanup in Vue 3 components:
+```typescript
+import { useMount } from 'vue-mount-plugin'
+const { mount, unmountAll, count } = useMount()
+// Instances auto-cleaned when component unmounts
+const instance = mount(Modal)
+```
+#### 5. Global Configuration
+Set defaults for all instances:
+```typescript
+import { setGlobalConfig, globalConfig } from 'vue-mount-plugin'
+setGlobalConfig({ zIndex: 2000 })
+// All instances inherit this config
+mount(Modal) // zIndex: 2000
+```
+### Build Output Changes
+| v3.x | v4.0 |
+|------|------|
+| `dist/index.esm-browser.js` | `dist/index.iife.js` |
+| `dist/index.esm-browser.prod.js` | `dist/index.iife.min.js` |
+| `dist/index.esm-bundler.js` | `dist/index.mjs` |
+| `dist/index.cjs.js` | `dist/index.cjs` |
+| `dist/index.global.js` | removed |
+| `dist/index.global.prod.js` | removed |
+### CDN Migration
+```html
+<!-- ❌ v3.x -->
+<script src="//unpkg.com/vue-mount-plugin@3/dist/index.esm-browser.prod.js"></script>
+<!-- ✅ v4.0 -->
+<script src="//unpkg.com/vue-mount-plugin@4/dist/index.iife.min.js"></script>
+```
+### Node.js Version
+Minimum Node.js version: `>=14.14.0` (was `>=12.20`)
+### Migration Script
+For large projects, you can use this regex replacement guide:
+| Find | Replace |
+|------|---------|
+| `new Mount\(([^)]+)\)` | `mount($1)` |
+| `\.mount\(\)` | `.show()` |
+| `Mount\.instances` | `getInstances()` |
+| `Mount\.getById\(([^)]+)\)` | `getInstanceById($1)` |
+| `Mount\.unmountAll\(\)` | `unmountAll()` |
+| `\.componentInstance` | `.vm` |
+| `\.target` | `.el` |
 ## Build Outputs
 | File | Format | Description |
@@ -423,8 +674,20 @@ instance.unmount()
 | `index.cjs` | CJS | CommonJS for Node.js |
 | `index.iife.js` | IIFE | Browser build |
 | `index.iife.min.js` | IIFE | Browser build (minified) |
-| `index.es5.js` | UMD | ES5 compatible build |
-| `index.es5.min.js` | UMD | ES5 compatible build (minified) |
+| `index.es5.js` | UMD | ES5 compatible build (IE11 support) |
+| `index.es5.min.js` | UMD | ES5 compatible build (minified, IE11 support) |
+## Browser Support
+| Browser | Support |
+|---------|---------|
+| Chrome | ✅ Latest |
+| Firefox | ✅ Latest |
+| Safari | ✅ Latest |
+| Edge | ✅ Latest |
+| IE 11 | ✅ Use ES5 build (`index.es5.min.js`) |
+> For IE11, use Vue 2 and the ES5 build. Vue 3 does not support IE11.
 ## Support & Issues
@@ -446,5 +709,3 @@ Please open an issue [here](https://github.com/saqqdy/vue-mount-plugin/issues).
 [gzip-url]: http://img.badgesize.io/https://unpkg.com/vue-mount-plugin/dist/index.iife.min.js?compression=gzip&label=gzip%20size:%20JS
 [license-image]: https://img.shields.io/badge/License-MIT-blue.svg
 [license-url]: LICENSE
-[sonar-image]: https://sonarcloud.io/api/project_badges/quality_gate?project=saqqdy_vue-mount-plugin
-[sonar-url]: https://sonarcloud.io/dashboard?id=saqqdy_vue-mount-plugin