Fixups for customizations that broke in new version

Author: fdevans

docs/.vuepress/client.ts

@@ -1,5 +1,7 @@
 import { defineClientConfig } from '@vuepress/client'
 import '@docsearch/css'
+import Layout from "./layouts/Layout.vue";
+import NotFound from "./layouts/NotFound.vue";
 
 declare const VERSION: string;
 declare const VERSION_FULL: string;
@@ -11,6 +13,10 @@ declare const CLI_VERSION: string;
 
 
 export default defineClientConfig({
+  layouts: {
+    Layout,
+    NotFound,
+  },
   enhance({ app, router, siteData }) {
     Object.defineProperties(app.config.globalProperties, {
       $rundeckVersion: { get: () => VERSION },

docs/.vuepress/components/HomePageAnnounce.vue

@@ -9,7 +9,6 @@ import { registerComponentsPlugin } from '@vuepress/plugin-register-components';
 import { dateSorter } from "@vuepress/helper";
 import { googleAnalyticsPlugin } from '@vuepress/plugin-google-analytics';
 import { removePwaPlugin } from '@vuepress/plugin-remove-pwa';
-import { prismjsPlugin } from '@vuepress/plugin-prismjs';
 
 // sidebars
 import sidebarAdmin from './sidebar-menus/administration'
@@ -97,7 +96,7 @@ export default defineUserConfig({
 
   //Theme Config
   theme: hopeTheme({
-    debug: true,
+    debug: process.env.NODE_ENV === 'development',
     logo: '/images/RundeckbyPagerDuty.svg',
     repo: 'rundeck/docs',
     docsDir: 'docs',
@@ -322,22 +321,6 @@ export default defineUserConfig({
     { custom: true },
   ),
   alias: {
-    "@theme-hope/components/HomePage": path.resolve(
-      __dirname,
-      "./components/HomePageAnnounce.vue",
-    ),
-    "@theme-hope/modules/sidebar/components/Sidebar": path.resolve(
-      __dirname,
-      "./components/SidebarAnnounce.vue",
-    ),
-    "@theme-hope/layouts/NotFound": path.resolve(
-      __dirname,
-      "./components/notFoundCustom.vue",
-    ),
-    "@theme-hope/modules/navbar/components/Navbar": path.resolve(
-      __dirname,
-      "./components/CustomNavBar.vue",
-    ),
   },
   //Plugins Config
   plugins: [

docs/.vuepress/components/SidebarAnnounce.vue

@@ -0,0 +1,30 @@
+<script setup lang="ts">
+import { Layout } from "vuepress-theme-hope/client";
+import { usePageData } from "@vuepress/client";
+import { computed } from "vue";
+
+const pageData = usePageData();
+const isHomePage = computed(() => pageData.value.frontmatter.home === true);
+</script>
+
+<template>
+  <Layout>
+    <!-- Adding announcement before content (works on all pages) -->
+    <template #heroAfter>
+      <div v-if="isHomePage"class="homepage-announce">
+        <p>
+         <b>The <i>resources.rundeck.com</i> site has been consolidated here!  Check our our <a href='/learning/solutions/'>Solutions</a> page for Automation use cases. </b>
+        </p>
+      </div>
+    </template>
+    
+    <!-- Adding announcement to sidebar -->
+    <template #sidebarTop>
+      <div v-if="!isHomePage" class="sidebar-announce">
+        <p>
+          <b>Process Automation On Prem</b> is now <b>Runbook Automation Self-Hosted</b>
+        </p>
+      </div>
+    </template>
+  </Layout>
+</template>

docs/.vuepress/config.ts

@@ -0,0 +1,70 @@
+<template>
+  <NotFound>
+    <template #default>
+      <div class="custom-404-content">
+        <div class="not-found-container">
+          <div class="not-found-hint">
+            <p class="error-code">404</p>
+            <h1 class="error-title">Page not found</h1>
+            <p>You've landed on a link that doesn't exist. Try the Search!</p>
+          </div>
+        </div>
+      </div>
+    </template>
+  </NotFound>
+</template>
+
+<script setup lang="ts">
+import { NotFound } from "vuepress-theme-hope/client";
+import { onMounted } from 'vue';
+
+onMounted(() => {
+  if (typeof gtag !== 'undefined') {
+    gtag('event', '404_error', {
+      'app_name': 'Rundeck_Docs',
+      'screen_name': '404 Error'
+    });
+  }
+});
+</script>
+
+<style scoped>
+.custom-404-content {
+  width: 100%;
+  min-height: 50vh;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 2rem 0;
+}
+
+.not-found-container {
+  max-width: 600px;
+  text-align: center;
+  padding: 3rem 2rem;
+  background-color: white;
+  border-radius: 12px;
+  box-shadow: 0 4px 20px rgba(0,0,0,0.1);
+}
+
+.error-code {
+  font-size: 6rem;
+  font-weight: bold;
+  color: #999;
+  margin: 0 0 1rem 0;
+  line-height: 1;
+}
+
+.error-title {
+  font-size: 2rem;
+  margin: 1rem 0;
+  color: #333;
+  font-weight: 600;
+}
+
+.not-found-hint p:last-child {
+  font-size: 1.1rem;
+  color: #666;
+  margin: 1.5rem 0 0 0;
+}
+</style>