@vue-bridge/runtime

A library achieving partial runtime compat between Vue 2 and Vue 3 components

Usage no npm install needed!

<script type="module">
  import vueBridgeRuntime from 'https://cdn.skypack.dev/@vue-bridge/runtime';
</script>

README

@vue-bridge/runtime

Runtime Core library of the VueBridge Project

What this is

Installation

yarn add @vue-bridge/runtime
# npm
npm install ‘@vue-bridge/runtime'

Basic Usage

<template>
  <input v-model="value">
<template>
<script>
  import { defineComponent } from '@vue-bridge/runtime'
  export defineComponent({
    props: {
      modelValue: String
    },
    emits: ['update:modelValue'],
    computed: {
      value: {
        get() { return this.modelValue }
        set(value) { this.$emit('update:modelValue', value)}
      }
    }
  })
</script>

Please refer to the docs for further guidance and information.

CLI

This package exposes two CLI commands to influence the entry files being exposed by this package - those for Vue 2 or Vue 3.

# Manually switch main entries to Vue 2 compatible versions
npx vue-bridge-switch 2
yarn vue-bridge-switch 2
# Manually switch main entries to Vue 4 compatible versions
npx vue-bridge-switch 3
yarn vue-bridge-switch 3

Development