upgraded parcel and vue

fieg · fieg · commit 4ccf88757677 · 2022-09-09T00:44:37.000+02:00
diff --git a/examples/vuejs/App.vue b/examples/vuejs/App.vue
@@ -12,10 +12,9 @@
 </template>
 
 <script lang="js">
-import Vue from "vue";
 import InfiniteAjaxScroll from '@webcreate/infinite-ajax-scroll';
 
-export default Vue.extend({
+export default {
   data() {
     return {
       isLast: false,
@@ -73,7 +72,7 @@ export default Vue.extend({
       })
     }
   }
-});
+};
 </script>
 
 <style lang="css" scoped>
diff --git a/examples/vuejs/index.html b/examples/vuejs/index.html
@@ -11,6 +11,6 @@
 <body>
 <div id="app"></div>
 <footer class="ias-foot">This <a href="https://infiniteajaxscroll.com/examples/vuejs/">VueJS infinite scroll</a> example is powered by <a href="https://infiniteajaxscroll.com">Infinite Ajax Scroll</a></footer>
-<script src="./index.js"></script>
+<script type="module" src="./index.js"></script>
 </body>
 </html>
diff --git a/examples/vuejs/index.js b/examples/vuejs/index.js
@@ -1,4 +1,6 @@
-import Vue from 'vue';
+import { createApp } from "vue";
 import App from './App.vue';
 
-new Vue({ render: createElement => createElement(App) }).$mount('#app');
+const app = createApp(App)
+
+app.mount('#app')
diff --git a/examples/vuejs/package.json b/examples/vuejs/package.json
@@ -19,9 +19,9 @@
   },
   "dependencies": {
     "@webcreate/infinite-ajax-scroll": "^3.0.0",
-    "vue": "^2.6.14"
+    "vue": "^3.2.37"
   },
   "devDependencies": {
-    "parcel-bundler": "^1.12.5"
+    "parcel": "^2.0.0"
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -19,9 +19,9 @@`
`19`	`19`	`},`
`20`	`20`	`"dependencies": {`
`21`	`21`	`"@webcreate/infinite-ajax-scroll": "^3.0.0",`
`22`		`- "vue": "^2.6.14"`
	`22`	`+ "vue": "^3.2.37"`
`23`	`23`	`},`
`24`	`24`	`"devDependencies": {`
`25`		`- "parcel-bundler": "^1.12.5"`
	`25`	`+ "parcel": "^2.0.0"`
`26`	`26`	`}`
`27`	`27`	`}`