diff --git a/.gitignore b/.gitignore
index f06235c..ca418b8 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,2 +1,4 @@
node_modules
dist
+cypress/videos
+cypress/screenshots
diff --git a/cypress/integration/spec.js b/cypress/integration/spec.js
index f3e2b11..459f20c 100644
--- a/cypress/integration/spec.js
+++ b/cypress/integration/spec.js
@@ -1,6 +1,6 @@
describe('My First Test', () => {
it('Does not do much!', () => {
- cy.visit('http://localhost:4000')
+ cy.visit('http://localhost:3000')
cy.wait(1000)
cy.window().then(({ pages }) => {
expect([...pages]).to.deep.equal([1, 2, 3])
diff --git a/cypress/videos/prefetch_spec.js.mp4 b/cypress/videos/prefetch_spec.js.mp4
deleted file mode 100644
index 5c3695b..0000000
Binary files a/cypress/videos/prefetch_spec.js.mp4 and /dev/null differ
diff --git a/example/index.html b/example/index.html
new file mode 100644
index 0000000..6f764ea
--- /dev/null
+++ b/example/index.html
@@ -0,0 +1,13 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
diff --git a/example/index.js b/example/index.js
deleted file mode 100644
index c13e151..0000000
--- a/example/index.js
+++ /dev/null
@@ -1,105 +0,0 @@
-import Vue from 'vue'
-import Router from 'vue-router'
-import RoutePrefetch from '../src'
-
-Vue.use(Router)
-Vue.use(RoutePrefetch)
-
-window.pages = new Set()
-
-const Nav = {
- render() {
- return (
-
-
- -
- page 1
-
- -
- page 2
-
- -
- page 3
-
-
-
- -
-
- page 4
-
-
- -
- page 5
-
- -
- async-page
-
- -
- page 6
-
- -
- page 1
-
-
-
-
page {id}
-
-
- )
- }
- }
-}
-
-const router = new Router({
- routes: [
- {
- path: '/',
- component: {
- render() {
- return (
-
-
hi
-
-
- )
- }
- }
- },
- {
- path: '/async-page',
- meta: {
- prefetch(route) {
- console.log(route)
- }
- },
- component: () =>
- import(/* webpackChunkName: "async-page" */ './async-page.vue')
- }
- ]
-})
-
-for (let i = 0; i < 6; i++) {
- router.addRoutes([
- {
- path: `/page/${i + 1}`,
- component: createPage(i + 1)
- }
- ])
-}
-
-new Vue({
- el: '#app',
- router,
- render: h => h('router-view')
-})
diff --git a/example/index.jsx b/example/index.jsx
new file mode 100644
index 0000000..6523e16
--- /dev/null
+++ b/example/index.jsx
@@ -0,0 +1,67 @@
+import { createApp, h } from 'vue'
+import { createRouter, createWebHashHistory, RouterView } from 'vue-router'
+import RoutePrefetch from '../src'
+import Nav from './nav.vue'
+
+const app = createApp({
+ setup() {
+ return () => h(RouterView)
+ }
+})
+
+const router = createRouter({
+ history: createWebHashHistory(),
+ routes: [
+ {
+ path: '/',
+ component: {
+ render() {
+ return (
+
+
hi
+
+
+ )
+ }
+ }
+ },
+ {
+ path: '/async-page',
+ meta: {
+ prefetch(route) {
+ console.log(route)
+ }
+ },
+ component: () => import('./async-page.vue')
+ }
+ ]
+})
+
+app.use(router)
+app.use(RoutePrefetch)
+
+window.pages = new Set()
+
+const createPage = id => async () => {
+ console.log(`fetching page ${id}`)
+ window.pages.add(id)
+ return {
+ render() {
+ return (
+
+
page {id}
+
+
+ )
+ }
+ }
+}
+
+for (let i = 0; i < 6; i++) {
+ router.addRoute({
+ path: `/page/${i + 1}`,
+ component: createPage(i + 1)
+ })
+}
+
+app.mount('#app')
diff --git a/example/nav.vue b/example/nav.vue
new file mode 100644
index 0000000..c98925b
--- /dev/null
+++ b/example/nav.vue
@@ -0,0 +1,34 @@
+
+
+
+ -
+ page 1
+
+ -
+ page 2
+
+ -
+ page 3
+
+
+
+ -
+
+ page 4
+
+
+ -
+ page 5
+
+ -
+ async-page
+
+ -
+ page 6
+
+ -
+ page 1
+
+
+