add top menu (StandardMenu)

src/menu.js

@@ -19,12 +19,10 @@ import './scss/menu.scss'
 
 import { createApp } from 'vue'
 import { createPinia } from 'pinia'
-import { createElement } from './lib/dom.js'
+import { createElement, waitContainer } from './lib/dom.js'
 
-import MenuContainer from './menus/MenuContainer.vue'
-
-// import PageLoader from './components/PageLoader.vue'
-// window.PageLoader = PageLoader
+import StandardMenu from './menus/StandardMenu'
+import MenuContainer from './menus/MenuContainer'
 
 const pinia = createPinia()
 const body = document.querySelector('body')
@@ -39,9 +37,16 @@ app.use(pinia)
 app.mixin({ methods: { t, n } })
 app.mount(container)
 
-// waitContainer('#header .app-menu').then((selector) => {
-//   const app = createApp(AppMenu)
-//   app.use(pinia)
-//   app.mixin({ methods: { t, n }})
-//   app.mount(selector)
-// })
+waitContainer('#header .app-menu').then((container) => {
+  const menu = createElement('div', {
+    id: 'app-menu-container',
+  })
+
+  container.parentNode.insertBefore(menu, container.nextSibling)
+  container.remove()
+
+  const app = createApp(StandardMenu)
+  app.use(pinia)
+  app.mixin({ methods: { t, n } })
+  app.mount(menu)
+})