text: require('./bootstrap')
  
  import { createApp, h } from 'vue'
  import { createInertiaApp } from '@inertiajs/inertia-vue3'
  import { InertiaProgress } from '@inertiajs/progress'
  
  import VuePlyr from '@skjnldsv/vue-plyr'
  import plyrConfig from './plyr-configs.js'
  
  import Layout from './Layouts/Base'
  
  const el = document.getElementById('app');
  
  createInertiaApp({
      resolve: name => {
          const page = require(`./Pages/${name}`).default
          page.layout = Layout
          return page
      },
      setup({ el, app, props, plugin }) {
          createApp({ render: () => h(app, props) })
              .mixin({ methods: { route } })
              .use(plugin)
              .use(VuePlyr, { 
                  plyr: { 
                    controls: plyrConfig.plyrControls, 
                    tooltips: { controls: false }, 
                    seekTime: 17 
                  }
              })
              .mount(el)
      }
  })
  
  InertiaProgress.init({ color: '#4B5563' })