refactor: remove vue-loader usage from e2e tests

diff --git a/e2e/navigation-guards/GuardedWithLeave.vue b/e2e/navigation-guards/GuardedWithLeave.vue
deleted file mode 100644 (file)
index 0cf1007..0000000
--- a/e2e/navigation-guards/GuardedWithLeave.vue
+++ /dev/null
@@ -1,30 +0,0 @@
-<template>
-  <div>
-    <p>try to leave</p>
-    <p id="tries">So far, you tried {{ tries }} times</p>
-  </div>
-</template>
-
-<script>
-// @ts-check
-import { defineComponent, ref } from 'vue'
-import { onBeforeRouteLeave } from '../../src'
-
-export default defineComponent({
-  name: 'GuardedWithLeave',
-
-  setup() {
-    console.log('setup in cant leave')
-    const tries = ref(0)
-
-    onBeforeRouteLeave(function(to, from, next) {
-      if (window.confirm()) next()
-      else {
-        tries.value++
-        next(false)
-      }
-    })
-    return { tries }
-  },
-})
-</script>

diff --git a/e2e/navigation-guards/index.ts b/e2e/navigation-guards/index.ts
index 64b08bc2b5385078761f48d53b2fd28b824421ec..6fca240e0aa315d8e3e009fe1746f2be06a8a4ad 100644 (file)
--- a/e2e/navigation-guards/index.ts
+++ b/e2e/navigation-guards/index.ts
@@ -1,22 +1,35 @@
-import { createRouter, createWebHistory, useRoute } from '../../src'
+import { createRouter, createWebHistory, onBeforeRouteLeave } from '../../src'
 import { RouteComponent } from '../../src/types'
-import { createApp } from 'vue'
-import GuardedWithLeave from './GuardedWithLeave'
-
-// const component: RouteComponent = {
-//   template: `<div>A component</div>`,
-// }
+import { createApp, ref } from 'vue'
 
 const Home: RouteComponent = {
   template: `<div>Home</div>`,
 }
 
-// const Document: RouteComponent = {
-//   template: `<div>Document: {{ route.params.id }}</div>`,
-//   setup() {
-//     return { route: useRoute() }
-//   },
-// }
+const GuardedWithLeave: RouteComponent = {
+  name: 'GuardedWithLeave',
+
+  template: `
+  <div>
+    <p>try to leave</p>
+    <p id="tries">So far, you tried {{ tries }} times</p>
+  </div>
+  `,
+
+  setup() {
+    console.log('setup in cant leave')
+    const tries = ref(0)
+
+    onBeforeRouteLeave(function(to, from, next) {
+      if (window.confirm()) next()
+      else {
+        tries.value++
+        next(false)
+      }
+    })
+    return { tries }
+  },
+}
 
 const router = createRouter({
   history: createWebHistory('/' + __dirname),
@@ -26,12 +39,7 @@ const router = createRouter({
   ],
 })
 
-const app = createApp({
-  setup() {
-    const route = useRoute()
-    return { route }
-  },
-})
+const app = createApp({})
 app.use(router)
 
 window.vm = app.mount('#app')

diff --git a/e2e/webpack.config.js b/e2e/webpack.config.js
index 60a9441e98714d33502bba0216e0ef2c8344584b..38dccf8362cc22357fab560cd91bd907b18793de 100644 (file)
--- a/e2e/webpack.config.js
+++ b/e2e/webpack.config.js
@@ -3,7 +3,6 @@ const fs = require('fs')
 const { resolve, join } = require('path')
 const HtmlWebpackPlugin = require('html-webpack-plugin')
 const webpack = require('webpack')
-const { VueLoaderPlugin } = require('vue-loader')
 
 /** @type {string[]} */
 let examples = []
@@ -59,10 +58,6 @@ const config = (env = {}) => ({
         test: /\.ts$/,
         use: 'ts-loader',
       },
-      {
-        test: /\.vue$/,
-        use: 'vue-loader',
-      },
       {
         test: /\.css$/,
         use: ['style-loader', 'css-loader'],
@@ -78,7 +73,6 @@ const config = (env = {}) => ({
     extensions: ['.ts', '.tsx', '.js', '.vue'],
   },
   plugins: [
-    new VueLoaderPlugin(),
     new webpack.DefinePlugin({
       __DEV__: JSON.stringify(process.env.NODE_ENV !== 'production'),
       __BROWSER__: `typeof window !== 'undefined'`,