-
Notifications
You must be signed in to change notification settings - Fork 107
Update to Vue 3 #1388
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Update to Vue 3 #1388
Conversation
Preview this PR: https://custom-elements-everywhere.com/preview/preview/preview/1388/ |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
A couple minor nits. Thank you for doing this!
libraries/vue/package.json
Outdated
@@ -14,11 +14,11 @@ | |||
"karma-firefox-launcher": "2.1.2", | |||
"karma-sourcemap-loader": "0.3.8", | |||
"karma-webpack": "5.0.0", | |||
"vue-template-compiler": "2.6.14", | |||
"@vue/compiler-sfc": "^3.1.0", |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Nit: Is this dependency required?
Ref: https://www.npmjs.com/package/@vue/compiler-sfc#:~:text=vue/compiler%2Dsfc%20deep%20import
app.mount(scratch); | ||
let wc = scratch.querySelector("#wc"); | ||
await nextTick(); | ||
await nextTick(); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Nit: Need tick twice?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Yep, needed. Will leave a comment.
libraries/vue/src/advanced-tests.js
Outdated
const app = createApp(ComponentWithDeclarativeEvent) | ||
app.config.compilerOptions.isCustomElement = isCustomElement; | ||
app.mount(scratch); | ||
let wc = scratch.querySelector("#wc"); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Nits that don't need action. Prefer const
to let
here and on handled.
"webpack": "5.65.0" | ||
}, | ||
"dependencies": { | ||
"@webcomponents/webcomponentsjs": "2.6.0", | ||
"vue": "2.6.14" | ||
"vue": "^3.1.0" |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Nit: Bump minor version to 3.2.30
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
the '^' operator takes care of that, and the package-lock.json actually specifies the version that we test with
No description provided.