migrate vanilla JS to mounted function

Author: possumbilities

src/App.vue

@@ -113,6 +113,20 @@ export default {
     this.$nextTick(() => {
       window.addEventListener('resize', this.onResize);
     });
+
+    const exploreButton = document.querySelector('button.explore');
+    const explorePanel = document.querySelector('.explore-panel');
+
+    exploreButton.addEventListener('click', (event) => {
+      explorePanel.classList.toggle('expand');
+    });
+
+    const menuButton = document.querySelector('button.expand-menu');
+    const menuPanel = document.querySelector('.primary-menu');
+
+    menuButton.addEventListener('click', (event) => {
+      menuPanel.classList.toggle('expand');
+    });
   },
   beforeDestroy() {
     window.removeEventListener('resize', this.onResize);

src/main.js

@@ -29,16 +29,3 @@ if(process.env.VUE_APP_CC_OUTPUT!=='embedded') {
 
 export default App;
 
-const exploreButton = document.querySelector('button.explore');
-const explorePanel = document.querySelector('.explore-panel');
-
-exploreButton.addEventListener('click', (event) => {
-  explorePanel.classList.toggle('expand');
-});
-
-const menuButton = document.querySelector('button.expand-menu');
-const menuPanel = document.querySelector('.primary-menu');
-
-menuButton.addEventListener('click', (event) => {
-  menuPanel.classList.toggle('expand');
-});