Merge pull request #609 from add2cal/dev

Dev
add2cal · Jul 17, 2024 · 65fc130 · 65fc130
2 parents 0b4e064 + 7b66697
commit 65fc130
Show file tree

Hide file tree

Showing 15 changed files with 6,724 additions and 11,913 deletions.
diff --git a/.github/workflows/azure-static-web-apps.yml b/.github/workflows/azure-static-web-apps.yml
diff --git a/.github/workflows/gh-pages.yml b/.github/workflows/gh-pages.yml
@@ -1,7 +1,7 @@
 name: Deploy GitHub Pages
 
 on:
-  # currently paused in favor of Azure Static Webapps
+  # currently paused in favor of Cloudflare Pages
   #push:
   #branches: ['main']
   workflow_dispatch:

diff --git a/.nvmrc b/.nvmrc
@@ -0,0 +1 @@
+22
diff --git a/demo/components/featuresBlock.vue b/demo/components/featuresBlock.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="mx-auto my-14 grid max-w-sm grid-cols-1 gap-x-10 md:max-w-4xl md:grid-cols-[200px_minmax(0,1fr)] md:gap-y-20">
-    <nuxt-img placeholder loading="lazy" :alt="$t('content.features.headline_1')" width="150" height="125" src="/assets/img/caltypes.webp" class="mx-auto self-center" />
+    <nuxt-img loading="lazy" :alt="$t('content.features.headline_1')" width="150" height="125" src="/assets/img/caltypes.webp" class="mx-auto self-center" />
     <div class="mb-20 md:mb-0">
       <h3>{{ $t('content.features.headline_1') }}</h3>
       <ul>
@@ -9,7 +9,7 @@
         </li>
       </ul>
     </div>
-    <nuxt-img placeholder loading="lazy" :alt="$t('content.features.headline_2')" width="150" height="150" src="/assets/img/variety.webp" class="mx-auto self-center" />
+    <nuxt-img loading="lazy" :alt="$t('content.features.headline_2')" width="150" height="150" src="/assets/img/variety.webp" class="mx-auto self-center" />
     <div class="mb-20 md:mb-0">
       <h3>{{ $t('content.features.headline_2') }}</h3>
       <ul>
@@ -18,7 +18,7 @@
         </li>
       </ul>
     </div>
-    <nuxt-img placeholder loading="lazy" :alt="$t('content.features.headline_3')" width="150" height="150" src="/assets/img/style.webp" class="mx-auto self-center" />
+    <nuxt-img loading="lazy" :alt="$t('content.features.headline_3')" width="150" height="150" src="/assets/img/style.webp" class="mx-auto self-center" />
     <div class="mb-20 md:mb-0">
       <h3>{{ $t('content.features.headline_3') }}</h3>
       <ul>
@@ -27,7 +27,7 @@
         </li>
       </ul>
     </div>
-    <nuxt-img placeholder loading="lazy" :alt="$t('content.features.headline_4')" width="150" height="180" src="/assets/img/accessibility.webp" class="mx-auto self-center" />
+    <nuxt-img loading="lazy" :alt="$t('content.features.headline_4')" width="150" height="180" src="/assets/img/accessibility.webp" class="mx-auto self-center" />
     <div class="mb-20 md:mb-0">
       <h3>{{ $t('content.features.headline_4') }}</h3>
       <ul>
@@ -36,7 +36,7 @@
         </li>
       </ul>
     </div>
-    <nuxt-img placeholder loading="lazy" :alt="$t('content.features.headline_5')" width="150" height="143" src="/assets/img/more.webp" class="mx-auto self-center" />
+    <nuxt-img loading="lazy" :alt="$t('content.features.headline_5')" width="150" height="143" src="/assets/img/more.webp" class="mx-auto self-center" />
     <div>
       <h3>{{ $t('content.features.headline_5') }}</h3>
       <ul>

diff --git a/demo/components/footer.vue b/demo/components/footer.vue
@@ -23,7 +23,7 @@ function topFunction() {
   <div class="w-full bg-gradient-to-tr from-brand-blue-dark to-brand-blue text-white drop-shadow-2xl dark:drop-shadow-light-lg">
     <div class="container grid grid-cols-1 sm:grid-cols-2">
       <div class="mx-auto -mt-4 w-32 sm:mx-0 sm:w-48 md:w-64 lg:mx-auto lg:-mt-6 lg:w-80">
-        <nuxt-img placeholder loading="lazy" sizes="128px sm:192px md:256px lg:320px" class="drop-shadow-xl" alt="Get blown away by the PRO offering" width="800" height="920" src="/assets/img/bomb.webp" />
+        <nuxt-img loading="lazy" sizes="128px sm:192px md:256px lg:320px" class="drop-shadow-xl" alt="Get blown away by the PRO offering" width="800" height="920" src="/assets/img/bomb.webp" />
       </div>
       <div class="flex flex-col items-center gap-8 pb-14 pt-10 md:pb-24 md:pt-16 lg:pb-24 lg:pt-20">
         <div>

diff --git a/demo/components/interstitial.vue b/demo/components/interstitial.vue
@@ -6,7 +6,7 @@ const { locale } = useI18n();
   <div class="mb-16 mt-20 w-full rounded-xl bg-gradient-to-tr from-brand-blue-dark to-brand-blue text-white drop-shadow-xl hover:drop-shadow-2xl dark:drop-shadow-light-lg dark:hover:drop-shadow-light-xl">
     <div class="container grid grid-cols-1 sm:grid-cols-3 md:grid-cols-2">
       <div class="mx-auto -mt-10 w-28 sm:ml-2 sm:mt-6 md:-mt-10 md:w-52 lg:-mt-12 lg:ml-6 lg:w-64 xl:ml-10">
-        <nuxt-img placeholder loading="lazy" sizes="112px md:208px lg:256px" class="drop-shadow-xl" alt="Get blown away by the PRO offering" width="800" height="821" src="/assets/img/gift.webp" />
+        <nuxt-img loading="lazy" sizes="112px md:208px lg:256px" class="drop-shadow-xl" alt="Get blown away by the PRO offering" width="800" height="821" src="/assets/img/gift.webp" />
       </div>
       <div class="flex flex-col items-center gap-8 pb-12 pt-8 sm:col-span-2 sm:pb-8 md:col-span-1 md:pb-12 md:pt-10 lg:pb-16 lg:pt-14">
         <h3 class="text-center drop-shadow-lg">{{ $t('labels.discoverProDetails_short') }}</h3>

diff --git a/demo/middleware/0-trailing-slash.global.ts b/demo/middleware/0-trailing-slash.global.ts
diff --git a/demo/nuxt.config.ts b/demo/nuxt.config.ts
@@ -6,11 +6,13 @@ const robots = process.env.NUXT_PUBLIC_ROBOTS || 'index, follow';
 
 export default defineNuxtConfig({
   modules: ['@nuxtjs/i18n', '@nuxtjs/tailwindcss', 'nuxt-headlessui', 'nuxt-security', 'nuxt-schema-org', '@nuxt/image', '@vite-pwa/nuxt', '@nuxtjs/sitemap'],
+
   vue: {
     compilerOptions: {
       isCustomElement: (tag) => tag === 'add-to-calendar-button',
     },
   },
+
   nitro: {
     compressPublicAssets: {
       brotli: true,
@@ -19,16 +21,20 @@ export default defineNuxtConfig({
       ignore: ['/manifest.json'],
     },
   },
+
   ssr: true,
   spaLoadingTemplate: false,
+
   runtimeConfig: {
     public: {
       siteUrl: baseUrl,
     },
   },
+
   experimental: {
     payloadExtraction: true,
   },
+
   security: {
     enabled: process.env.NODE_ENV === 'development' ? false : true,
     removeLoggers: false,
@@ -66,9 +72,11 @@ export default defineNuxtConfig({
       throwError: true,
     },
   },
+
   image: {
     quality: 90,
   },
+
   app: {
     rootId: 'atcb-demo',
     head: {
@@ -129,11 +137,13 @@ export default defineNuxtConfig({
       noscript: [{ innerHTML: 'Please enable JavaScript to view this website.' }],
     },
   },
+
   site: {
     host: baseUrl,
     url: baseUrl,
     name: 'Add to Calendar Button',
   },
+
   pwa: {
     registerType: 'autoUpdate',
     registerWebManifestInRouteRules: true,
@@ -236,6 +246,7 @@ export default defineNuxtConfig({
       ],
     },
   },
+
   i18n: {
     detectBrowserLanguage: false,
     strategy: 'prefix_except_default',
@@ -260,12 +271,14 @@ export default defineNuxtConfig({
     ],
     vueI18n: './nuxt.i18n.config.ts',
   },
+
   tailwindcss: {
     cssPath: '~/assets/css/main.css',
     configPath: '~/tailwind.config.js',
     exposeConfig: false,
     viewer: false,
   },
+
   sitemap: {
     urls: [
       {
@@ -290,4 +303,6 @@ export default defineNuxtConfig({
       changefreq: 'daily',
     },
   },
+
+  compatibilityDate: '2024-07-17',
 });