https://github.com/jaredmcateer/ngvue3

Use Vue 3 components in your Angular 1.x app
https://github.com/jaredmcateer/ngvue3

angularjs interoperability migration vue vue3

Last synced: about 1 year ago
JSON representation

Use Vue 3 components in your Angular 1.x app

• Host: GitHub
• URL: https://github.com/jaredmcateer/ngvue3
• Owner: jaredmcateer
• License: mit
• Created: 2022-05-02T13:54:32.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2023-08-03T17:16:13.000Z (almost 3 years ago)
• Last Synced: 2025-06-12T04:43:57.808Z (about 1 year ago)
• Topics: angularjs, interoperability, migration, vue, vue3
• Language: TypeScript
• Homepage: https://jaredmcateer.github.io/ngVue3/
• Size: 1.42 MB
• Stars: 20
• Watchers: 4
• Forks: 2
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# ngVue 3

This is the root workspace of the ngVue monorepo, the primary readme can be found in the [packages/ngVue3](./packages/ngVue3/README.md) package workspace.

## TODO

- [x] ngVue3 library

  - [x] directive

    - [x] createVueComponent

  - [x] linker

    - [x] extracting v-props

    - [x] extracting v-directives

    - [x] extracting attrs

    - [x] extracting events

    - [x] initializing state

    - [x] creating vue app instance

    - [x] Is watch depth necessary? (yes)

    - [ ] Support quirks mode? (probably wont do)

  - [x] Plugins

    - [ ] Filters (probably wont do)

    - [ ] Vuex ? (probably wont do)

    - [ ] Pinia ?

  - [x] Tests

- [x] Demo page

  - [x] Options

  - [x] SFC (setup method)

  - [x] SFC (script setup)

  - [ ] Native Vue Plugins

  - [ ] Directives

  - [ ] Provide/Inject

  - [ ] NgVue Plugins

  - [ ] Depoly

- [ ] Documentation

  - [ ] Repo README (this)

  - [ ] Wiki

## BREAKING CHANGES

- `` 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