\r\n \u003CCreditCard />\r\n \u003CPlaceholderContent class=\"clickable\" />\r\n \u003CTheFooter />\r\n \u003C/div>\r\n \u003CAbout />\r\n \u003C/div>\r\n\u003C/template>\r\n```\r\n\r\n```\r\n// components/PlaceholderHeader.vue\r\n\u003Ctemplate>\r\n \u003Cheader>\r\n \u003CNuxtLink class=\"logo\" to=\"/\">\r\n \u003Cnuxt-img src=\"/assets/img/logo-chrome.png\" alt=\"Content Dot Net\" />\r\n \u003C/NuxtLink >\r\n \u003Cdiv class=\"counter\">\r\n \u003Cdiv>0005312\u003C/div>\r\n \u003C/div>\r\n \u003C/header>\r\n\u003C/template>\r\n```\r\n\r\n```\r\n// components/About.vue\r\n\u003Ctemplate>\r\n \u003Cdiv id=\"about\" class=\"container\">\r\n \u003Cdiv v-if=\"data\">\r\n \u003Cdiv v-for=\"about in data\">\r\n \u003Ch1>{{ about.about[0].children[0].text }}\u003C/h1>\r\n \u003Ch2>\u003Cspan class=\"underline\">{{ about.about[1].children[0].text }}\u003C/span>{{ about.about[1].children[1].text }}\u003C/h2>\r\n \u003Ch3>\u003CNuxtLink href=\"mailto:info@content.net.au\">EMAIL...\u003C/NuxtLink> \u003CNuxtLink to=\"https://instagram.com/content.net.au\">INSTAGRAM...\u003C/NuxtLink> \u003CNuxtLink to=\"https://contentnetau.bandcamp.com/\">BANDCAMP...\u003C/NuxtLink>\u003C/h3>\r\n \u003Cp>{{ about.about[3].children[0].text }}\u003C/p>\r\n \u003Cp>{{ about.about[4].children[0].text }}\u003C/p>\r\n \u003C/div>\r\n \u003C/div>\r\n \u003C/div>\r\n\u003C/template>\r\n\r\n\u003Cscript setup>\r\n // sanity\r\n const query = groq`*[_type == 'about'] {\r\n about[]{\r\n _key,\r\n _type,\r\n children[]{\r\n _key,\r\n _type,\r\n text\r\n }\r\n }}`;\r\n const { data } = useSanityQuery(query);\r\n\u003C/script>\r\n```\r\n\r\n```\r\n// components/CreditCard.vue\r\n\u003Ctemplate>\r\n \u003Cdiv class=\"container\">\r\n \u003Cdiv id=\"credit-card\">\u003C/div>\r\n \u003C/div>\r\n\u003C/template>\r\n```\r\n\r\n```\r\n//components/TheFooter.vue\r\n\u003Ctemplate>\r\n \u003Cfooter>\r\n \u003Cbutton id=\"footer-btn\" class=\"logo\">\r\n \u003Cnuxt-img src=\"/assets/img/logo-c-chrome.png\" alt=\"C\" />\r\n \u003C/button >\r\n \u003Cdiv class=\"copyright\">\r\n \u003Cp>Content Dot Net © 2023\u003C/p>\r\n \u003C/div>\r\n \u003C/footer>\r\n\u003C/template>\r\n```\r\n\r\n```\r\n// plugins/about.js\r\nexport default defineNuxtPlugin(nuxtApp => {\r\n // about footer button interaction\r\n setTimeout(() => {\r\n var footerBtn = document.querySelector('#footer-btn');\r\n var about = document.querySelector('#about');\r\n var main = document.querySelector('#main');\r\n \r\n footerBtn.addEventListener('click', function() {\r\n about.classList.add('open')\r\n main.classList.add('blur')\r\n });\r\n \r\n about.addEventListener('click', function() {\r\n about.classList.remove('open')\r\n main.classList.remove('blur')\r\n });\r\n }, 100)\r\n})\r\n```\r\n\r\n```\r\n// plugins/creditCard.js\r\nexport default defineNuxtPlugin(nuxtApp => {\r\n // prompt: credit card number\r\n setTimeout(() => {\r\n const element = document.getElementById('credit-card')\r\n var creditCard = Number(prompt('Enter credit card number'))\r\n // var validation = /^(?:4[0-9]{12}(?:[0-9]{3})?)$/\r\n\r\n if (creditCard == 0) {\r\n // document.getElementById('credit-card').innerHTML = 'Invalid'\r\n console.log('Invalid')\r\n }\r\n else if (!Number.isNaN(creditCard)) {\r\n element.innerHTML = creditCard + ' 💰'\r\n element.classList.add('valid')\r\n console.log('Credit Card Number: ' + creditCard)\r\n\r\n element.addEventListener('click', function() {\r\n element.classList.add('hide')\r\n })\r\n }\r\n else if (Number.isNaN(creditCard)) {\r\n element.innerHTML = 'Invalid credit card number. Try again'\r\n console.log('N/A')\r\n\r\n element.addEventListener('click', function() {\r\n element.classList.add('hide')\r\n })\r\n }\r\n }, 6000);\r\n })\r\n```\r\n\r\n```\r\n// plugins/message.js\r\nexport default defineNuxtPlugin(nuxtApp => {\r\n // alert: message\r\n setTimeout(function() {\r\n var messageIntro = 'NEW MESSAGE (1) from content.net.au: \\n\\n'\r\n var message1 = messageIntro + 'Welcome to our world! Please click the links to hear our music + watch our videos…if u do i will return the favour…also pls follow us on social media x'\r\n var message2 = messageIntro + 'Lets connect, send me an email info@content.net.au'\r\n var message3 = messageIntro + 'https://drive.google.com/drive/folders/1S3ilSaQCreXwAxNdrvYnEnQKex2NquWH?usp=share_link'\r\n\r\n var messageArray = [message1, message2, message3];\r\n var count = -1;\r\n\r\n var elements = document.getElementsByClassName('clickable');\r\n\r\n for (var i = 0, len = elements.length; i \u003C len; i++) {\r\n elements[i].addEventListener(\"click\", function() {\r\n alert(messageArray[++count % messageArray.length]);\r\n });\r\n }\r\n }, 100);\r\n })\r\n```\r\n\r\n### Logs\r\n\r\nLog via Vercel:\r\n\r\n```\r\nUncaught Exception \t{\"errorType\":\"ReferenceError\",\"errorMessage\":\"document is not defined\",\"stack\":[\"ReferenceError: document is not defined\",\" at Timeout._onTimeout (file:///var/task/chunks/app/server.mjs:875:21)\",\" at listOnTimeout (node:internal/timers:564:17)\",\" at process.processTimers (node:internal/timers:507:7)\"]}\r\nUnknown application error occurred\r\nRuntime.Unknown\r\n```\r\n",[3099,3100],{"name":3045,"color":3046},{"name":3068,"color":3069},20220,"Serverless Function Invocation Failed at Timeout when deploying Nuxt 3 site on Vercel","2023-04-13T03:07:22Z","https://github.com/nuxt/nuxt/issues/20220",0.7324092,{"labels":3107,"number":3110,"owner":3024,"repository":3024,"state":3026,"title":3111,"updated_at":3112,"url":3113,"score":3114},[3108,3109],{"name":3045,"color":3046},{"name":3021,"color":3079},12767,"document.querySelector(...).forEach is not a function","2023-01-19T16:21:24Z","https://github.com/nuxt/nuxt/issues/12767",0.73429245,{"description":3116,"labels":3117,"number":3122,"owner":3024,"repository":3024,"state":3026,"title":3123,"updated_at":3124,"url":3125,"score":3126},"### Environment\n\n-\n\n### Reproduction\n\nOpen https://nuxt.com/docs/guide/directory-structure/app.config\n\n### Describe the bug\n\nPage has no content\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3118,3121],{"name":3119,"color":3120},"documentation","5319e7",{"name":3045,"color":3046},15524,"[Docs] app.config.ts page is missing","2023-01-19T17:53:09Z","https://github.com/nuxt/nuxt/issues/15524",0.7368994,["Reactive",3128],{},["Set"],["ShallowReactive",3131],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$foxINtR9T4lDGUNcPfHbxbNPhPEC3e4ZxMLhzAlTKPkY":-1},"/nuxt/nuxt.com/110"]