Merge pull request #96 from datasharingframework/restructuring2.0_fix

Restructuring2.0 fix

Author: schwzr

docs/package-lock.json

@@ -17,6 +17,7 @@
     "@vuepress/plugin-markdown-tab": "2.0.0-rc.104",
     "@vuepress/plugin-slimsearch": "2.0.0-rc.104",
     "katex": "^0.16.22",
+    "sass-embedded": "^1.89.2",
     "sass-loader": "16.0.5",
     "vue": "3.5.14",
     "vuepress": "2.0.0-rc.23",

docs/package.json

@@ -3,11 +3,19 @@ import { Layout as ParentLayout } from "vuepress-theme-hope/client";
 
 import Layout from './layouts/PageLayout.vue'
 import NotFoundLayout from './layouts/NotFoundLayout.vue'
+import BlogLayout from './layouts/BlogLayout.vue';
+import NewsList from "./components/NewsList.vue"; // adjust if path differs
+
 
 export default defineClientConfig({
+    enhance({ app }) {
+    app.component("NewsList", NewsList);
+  },
   layouts: {
     ParentLayout,
     Layout,
-    NotFound: NotFoundLayout
+    NotFound: NotFoundLayout,
+    Blog: BlogLayout,
+  
   },
 })

docs/src/.vuepress/client.ts

@@ -0,0 +1,8 @@
+<script setup lang="ts">
+</script>
+
+<template>
+  <section>
+    <h2>News List</h2>
+  </section>
+</template>

docs/src/.vuepress/components/NewsList.vue

@@ -27,7 +27,9 @@ export default defineUserConfig({
       description: "",
     },
   },*/
-  plugins: [ ],
+  plugins: [
+    
+   ],
 
   // Enable it with pwa
   shouldPrefetch: false,

docs/src/.vuepress/config.ts

@@ -0,0 +1,21 @@
+<script setup lang="ts">
+import { Blog } from "vuepress-theme-hope/blog";
+import { usePageFrontmatter } from "vuepress/client";
+import { computed } from "vue";
+
+const frontmatter = usePageFrontmatter<{ cover?: string }>();
+const cover = computed(() => frontmatter.value.cover);
+</script>
+
+<template>
+  <Blog>
+     <template #articleCover>
+      <img v-if="cover" :src="cover" alt="Cover image" />
+    </template>
+    <template #infoAfter>
+    <div style="text-align: center; font-size: 0.8em; color: #666; margin-top: 8px;">
+    Banner image by <a href="https://unsplash.com/de/@fakurian" target="_blank" rel="noopener noreferrer">Milad Fakurian</a> on <a href="https://unsplash.com/" target="_blank" rel="noopener noreferrer">Unsplash</a>
+    </div>
+    </template>
+  </Blog>
+</template>

docs/src/.vuepress/layouts/BlogLayout.vue

@@ -29,12 +29,21 @@ redirectToParentDirectoryIfInOperations();
 
 });*/
 
+
+function goBack() {
+  router.go(-1);
+}
+
+function goHome() {
+  router.push('/'); 
+}
+
 </script>
 
 <template>
   <ParentLayout>
     <template #default>
-      <div class="not-found-hint"><p class="error-code">404</p><h1 class="error-title">Page not found</h1><p class="error-hint">That’s a Four-Oh-Four.</p></div><div class="actions"><button type="button" class="action-button">Go back</button><button type="button" class="action-button">Take me home</button></div>
+      <div class="not-found-hint"><p class="error-code">404</p><h1 class="error-title">Page not found</h1><p class="error-hint">That’s a Four-Oh-Four.</p></div><div class="actions"><button type="button" class="action-button"  @click="goBack">Go back</button><button type="button" class="action-button" @click="goHome">Take me home</button></div>
     </template>
   </ParentLayout>
 </template>