Merge pull request #4108 from rtibbles/vue_runtime

bjester · web-flow · commit 1b4361e69be9 · 2023-06-05T15:24:13.000-07:00
Use an instantiated vue object to reference $watch from for ESM compatibility
diff --git a/contentcuration/contentcuration/frontend/shared/data/serverSync.js b/contentcuration/contentcuration/frontend/shared/data/serverSync.js
@@ -355,8 +355,10 @@ if (process.env.NODE_ENV !== 'production' && typeof window !== 'undefined') {
 
 let intervalTimer;
 
+const vueInstance = new Vue();
+
 export function syncOnChanges() {
-  Vue.$watch(() => changeRevs.length, debouncedSyncChanges);
+  vueInstance.$watch(() => changeRevs.length, debouncedSyncChanges);
 }
 
 export function startSyncing() {

Original file line number	Diff line number	Diff line change
`@@ -355,8 +355,10 @@ if (process.env.NODE_ENV !== 'production' && typeof window !== 'undefined') {`
`355`	`355`
`356`	`356`	`let intervalTimer;`
`357`	`357`
	`358`	`+const vueInstance = new Vue();`
	`359`	`+`
`358`	`360`	`export function syncOnChanges() {`
`359`		`- Vue.$watch(() => changeRevs.length, debouncedSyncChanges);`
	`361`	`+ vueInstance.$watch(() => changeRevs.length, debouncedSyncChanges);`
`360`	`362`	`}`
`361`	`363`
`362`	`364`	`export function startSyncing() {`