feat: add exclude routes to app announcement

Author: davidstackio

playground/app.config.ts

@@ -11,6 +11,7 @@ export default defineAppConfig({
       message: 'This is a site wide announcement!',
       buttonText: 'Click me',
       buttonUrl: 'https://nuxtify.dev/',
+      exclude: ['/privacy', '/terms'],
     },
 
     // Credits

playground/app.vue

@@ -37,10 +37,7 @@ const clickToast = () => {
     <!-- Accessibility -->
     <NuxtRouteAnnouncer />
 
-    <AppAnnouncement
-      v-if="nuxtifyConfig.announcement?.show"
-      class="d-print-none"
-    />
+    <AppAnnouncement />
 
     <v-main>
       <v-container>

src/module.ts

@@ -83,6 +83,7 @@ export default defineNuxtModule<ModuleOptions>().with({
       message: '',
       buttonText: '',
       buttonUrl: '',
+      exclude: [],
     },
 
     // Navigation

src/runtime/components/app/AppAnnouncement.vue

@@ -1,21 +1,34 @@
 <script setup lang="ts">
-import { computed, isExternalUrl, useDisplay, useNuxtifyConfig } from '#imports'
+import { computed, isExternalUrl, useDisplay, useNuxtifyConfig, useRoute } from '#imports'
 
 // App state
 const nuxtifyConfig = useNuxtifyConfig()
 const { xs } = useDisplay()
+const route = useRoute()
 
 // Component state
 const isExternalLink = computed(() =>
   isExternalUrl(nuxtifyConfig.announcement?.buttonUrl ?? '', nuxtifyConfig.brand?.domain ?? ''),
 )
+
+const shouldShow = computed(() => {
+  if (!nuxtifyConfig.announcement?.show) return false
+
+  const hasContent = nuxtifyConfig.announcement?.message || (nuxtifyConfig.announcement?.buttonText && nuxtifyConfig.announcement?.buttonUrl)
+  if (!hasContent) return false
+
+  // Exclude routes
+  const exclude: string[] = nuxtifyConfig.announcement?.exclude || []
+  return !exclude.includes(route.path)
+})
 </script>
 
 <template>
   <v-system-bar
+    v-if="shouldShow"
     :height="xs ? 60 : 40"
     :order="-100"
-    class="app-announcement justify-center text-start"
+    class="app-announcement justify-center text-start d-print-none"
   >
     <div
       v-if="nuxtifyConfig.announcement?.message"

src/types.ts

@@ -90,6 +90,7 @@ export interface ModuleOptions {
     message?: string
     buttonText?: string
     buttonUrl?: string
+    exclude?: string[]
   }
 
   /**