Migrate to Vite (#71)

* Replace DateInput

* Migrate to Vite

* Ecxluding optimize to fix notifs in dev

* Dateinput changes

* Fixs on new DateInput

* wip

* Updated date input + cleaning

* Udpated readme

Co-authored-by: Julien Nahum <julien@nahum.net>

resources/js/router/index.js

@@ -3,7 +3,7 @@ import store from '~/store'
 import Meta from 'vue-meta'
 import routes from './routes'
 import Router from 'vue-router'
-import { sync } from 'vuex-router-sync'
+import {sync} from 'vuex-router-sync'
 
 Vue.use(Meta)
 Vue.use(Router)
@@ -12,8 +12,9 @@ Vue.use(Router)
 const globalMiddleware = ['locale', 'check-auth', 'notion-connection']
 
 // Load middleware modules dynamically.
+const requireContext = import.meta.glob('../middleware/**/*.js', { eager: true })
 const routeMiddleware = resolveMiddleware(
-  require.context('~/middleware', false, /.*\.js$/)
+  requireContext
 )
 
 const router = createRouter()
@@ -222,12 +223,13 @@ function scrollBehavior (to, from, savedPosition) {
  * @param  {Object} requireContext
  * @return {Object}
  */
-function resolveMiddleware (requireContext) {
-  return requireContext.keys()
+function resolveMiddleware(requireContext) {
+  const middlewares = {}
+  Object.keys(requireContext)
     .map(file =>
-      [file.replace(/(^.\/)|(\.js$)/g, ''), requireContext(file)]
-    )
-    .reduce((guards, [name, guard]) => (
-      { ...guards, [name]: guard.default }
-    ), {})
+      [file.match(/[^/]*(?=\.[^.]*$)/)[0], requireContext[file]]
+    ).forEach(([name, middleware]) => {
+    middlewares[name] = middleware.default || middleware
+  })
+  return middlewares
 }

resources/js/router/routes.js

@@ -1,5 +1,6 @@
 function page (path) {
-  return () => import(/* webpackChunkName: '' */ `~/pages/${path}`).then(m => m.default || m)
+  const pages = import.meta.glob('../pages/**')
+  return pages[`../pages/${path}`]
 }
 
 export default [