domain warning complete?

app.vue

@@ -1,5 +1,8 @@
 <script setup lang="ts">
 import { SpeedInsights } from '@vercel/speed-insights/vue';
+
+
+
 </script>
 
 <template>
@@ -10,6 +13,7 @@ import { SpeedInsights } from '@vercel/speed-insights/vue';
     <NuxtLoadingIndicator />
       <NuxtLayout>
         <!-- <Navbar /> -->
+        <DomainWarning />
         <NuxtPage />
       </NuxtLayout>
   </div>

components/DomainWarning.vue

@@ -0,0 +1,32 @@
+<template>
+  <div class="top" v-if="url.hostname=='www.clevertop.dev'">
+  <!-- <div class="top" > -->
+    <p><b>Warning!</b> my old domain clevertop.dev (which you're currently visiting from!), is expiring on <b>June 19</b>, to access my site, please use <a href="https://tabbycat.dev">tabbycat.dev</a></p>
+  </div>
+</template>
+
+<script lang="ts" setup>
+  const url = useRequestURL()
+  console.log('host name', url.hostname)
+</script>
+
+<style scoped>
+
+.top{
+  background-color: rgb(255, 92, 92);
+  color: black;
+  width: 100%;
+  padding: 5px;
+  text-align: center;
+  /* min-height: 100px; */
+}
+
+p{
+  margin: 0;
+}
+
+a{
+  color: blueviolet;
+}
+
+</style>

pages/index.vue

@@ -5,11 +5,10 @@
 // const route=useRoute();
 // const path = computed(() =>route.path);
 // const path = ref(window.location.pathname);
-console.log("starting meow");
+// console.log("starting meow");
 // console.log(path);
 
-const url = useRequestURL()
-console.log('host name', url.hostname)
+
 
 useSeoMeta({
   title: "Home",