refactor: abstract website information sources and make use of Nuxt layers

Author: omargfh

apps/docs/app/assets/website-logo.ts

@@ -0,0 +1,2 @@
+import WebsiteLogo from '@repo/vue-ui/assets/brands/NetLogoUserManual.svg';
+export { WebsiteLogo };

apps/learn/app/assets/website-logo.ts

@@ -0,0 +1,2 @@
+import WebsiteLogo from '@repo/vue-ui/assets/brands/NetLogoLearnGuide.svg';
+export { WebsiteLogo };

apps/learn/app/components/Articles/ArticleBody.vue

@@ -4,7 +4,6 @@
       :value="article.item"
       tag="article"
       class="prose mt-4 prose-medium prose-text-medium"
-      :components="MDCComponents"
       v-bind="dProps.contentRenderer"
     />
     <Surround :surround="surround" v-bind="dProps.surround" />
@@ -14,7 +13,6 @@
 <script setup lang="ts">
 import type { ContentNavigationItem } from '@nuxt/content';
 import type { ObjectModel } from '~/data';
-import MDCComponents from '../mdc/components';
 
 type Props = {
   article: ObjectModel.Article;

apps/learn/app/components/mdc/MDCContainer.vue

@@ -0,0 +1,2 @@
+import WebsiteLogo from "@repo/vue-ui/assets/brands/NetTango-Logo.svg";
+export { WebsiteLogo };

apps/learn/app/components/mdc/MDCUnstylizedHeading.vue

@@ -17,7 +17,6 @@
 
 <script setup lang="ts">
 import { WebsiteLogo } from "~/assets/website-logo";
-import { useWebsite } from "~/composables/useWebsite";
 
 const meta = useWebsite();
 const currentYear = ref(new Date().getFullYear());

apps/learn/app/components/mdc/components.ts

@@ -9,8 +9,6 @@
 </template>
 
 <script setup lang="ts">
-import { useWebsite } from "~/composables/useWebsite";
-
 const meta = useWebsite();
 const pageProductName = meta.value.name;