From 142524f06e9d2dc82d7cf819f7d3aab242243945 Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Mon, 29 Apr 2024 12:18:36 +0300
Subject: [PATCH] Add deprecation notice

---
 assets/styles/layout/_doc.scss | 16 ++++++++--------
 doc/tabview/ImportDoc.vue      |  1 +
 2 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/assets/styles/layout/_doc.scss b/assets/styles/layout/_doc.scss
index 12e9e66cd..ff82aa37d 100644
--- a/assets/styles/layout/_doc.scss
+++ b/assets/styles/layout/_doc.scss
@@ -145,15 +145,15 @@
             @include doc-link();
         }
     }
+}
 
-    .notification {
-        line-height: 1.5;
-        padding: 1rem;
-        font-weight: 500;
-        border-radius: 10px;
-        background: var(--mark-background);
-        color: var(--mark-text);
-    }
+.doc-notification {
+    line-height: 1.5;
+    padding: 1rem;
+    font-weight: 500;
+    border-radius: 10px;
+    background: var(--mark-background);
+    color: var(--mark-text);
 }
 
 .doc-section-nav {
diff --git a/doc/tabview/ImportDoc.vue b/doc/tabview/ImportDoc.vue
index 501773bd2..6ba3c20a0 100644
--- a/doc/tabview/ImportDoc.vue
+++ b/doc/tabview/ImportDoc.vue
@@ -1,4 +1,5 @@
 <template>
+    <div class="doc-notification">TabView is deprecated, use <NuxtLink to="/tabs" class="doc-link">Tabs</NuxtLink> instead.</div>
     <DocSectionText v-bind="$attrs" />
     <DocSectionCode :code="code" hideToggleCode importCode hideStackBlitz />
 </template>