quasar/src/utils/private.create/create.js

Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time

import { defineComponent, markRaw, reactive } from 'vue'
import { injectProp } from '../private.inject-obj-prop/inject-obj-prop.js'

export function createComponent(raw) {
  return markRaw(defineComponent(raw))
}
export function createDirective(raw) {
  return markRaw(raw)
}

export const createReactivePlugin = __QUASAR_SSR_SERVER__
  ? (state, plugin) => {
      Object.assign(plugin, state)
      return plugin
    }
  : (state, plugin) => {
      const reactiveState = reactive(state)

      for (const name in state) {
        injectProp(
          plugin,
          name,
          () => reactiveState[name],
          val => {
            reactiveState[name] = val
          }
        )
      }

      return plugin
    }