feat: save that banner was closed

components/layout/AnnouncementBanner.vue

@@ -1,6 +1,6 @@
 <template>
 	<div
-		v-if="show"
+		v-if="isShown"
 		class="relative isolate flex items-center gap-x-6 overflow-hidden bg-black py-2.5 px-6 sm:px-3.5 sm:before:flex-1"
 	>
 		<!-- Background -->
@@ -55,7 +55,7 @@
 			<button
 				class="-m-3 p-3 focus-visible:outline-offset-[-4px]"
 				type="button"
-				@click="show = false"
+				@click="isShown = false"
 			>
 				<span class="sr-only">Dismiss</span>
 				<XIcon
@@ -70,14 +70,21 @@
 <script>
 import { XIcon } from 'vue-feather-icons'
 
+const localStorageKey = 'hp-banner'
+
 export default {
 	components: {
 		XIcon
 	},
 
 	data() {
 		return {
-			show: true
+			isShown: localStorage.getItem(localStorageKey) !== 'false'
+		}
+	},
+	watch: {
+		isShown(value) {
+			localStorage.setItem(localStorageKey, value)
 		}
 	}
 }

package.json

@@ -24,7 +24,6 @@
     "@nuxtjs/sentry": "^7.1.4",
     "@nuxtjs/sitemap": "^2.4.0",
     "@nuxtjs/toast": "^3.3.1",
-    "@vueuse/core": "^5.3.0",
     "lodash-es": "^4.17.21",
     "nuxt": "^2.16.3",
     "portal-vue": "^2.1.7",