import 'vite/modulepreload-polyfill'
import { createApp } from 'vue'
import { createPinia } from 'pinia'
import './index.scss'
import App from './App.vue'

/*
 |--------------------------------------------------------------------------
 | Create Vue App
 |--------------------------------------------------------------------------
 |
 | We instantiate a new Vue app.
 |
 */
const app = createApp(App)

/*
 |--------------------------------------------------------------------------
 | Set window object global app property
 |--------------------------------------------------------------------------
 |
 | We set the window object global app property so that we can access it
 | within the app.
 |
 */
app.provide('$window', window)

/*
 |--------------------------------------------------------------------------
 | Use Vue plugins
 |--------------------------------------------------------------------------
 |
 | We register all the Vue plugins that we're going to use.
 |
 */
app.use(createPinia())

/*
 |--------------------------------------------------------------------------
 | Mount Vue App
 |--------------------------------------------------------------------------
 |
 | We mount the Vue app to the DOM with the target id.
 |
 */
app.mount('#saveto-wishlist-admin-app-settings')