/ngVue3

Use Vue 3 components in your Angular 1.x app

Primary LanguageTypeScriptMIT LicenseMIT

ngVue 3

This is the root workspace of the ngVue monorepo, the primary readme can be found in the packages/ngVue3 package workspace.

TODO

  • ngVue3 library

    • directive
      • createVueComponent
    • linker
      • extracting v-props
      • extracting v-directives
      • extracting attrs
      • extracting events
      • initializing state
      • creating vue app instance
      • Is watch depth necessary? (yes)
      • Support quirks mode? (probably wont do)
    • Plugins
      • Filters (probably wont do)
      • Vuex ? (probably wont do)
      • Pinia ?
    • Tests

  • Demo page

    • Options
    • SFC (setup method)
    • SFC (script setup)
    • Native Vue Plugins
    • Directives
    • Provide/Inject
    • NgVue Plugins
    • Depoly

  • Documentation

    • Repo README (this)
    • Wiki

BREAKING CHANGES

  • <vue-component name="" ...> not supported
  • Don't need to have a parent element as Vue 3 uses the component container
    • This allows for multi-root templates
    • No longer requires a wrapper element
    • ngVue 3 will strip the attrs from the parent with the exceptions:
      • vue adds v-data-app
      • angular may add class="ng-scope"
    • class and style will fall through
      • If you have a multi-root template you need to use v-bind="$attr" on an element otherwise a warning will be generated
    • ng-class and ng-style will not