update

Author: mythz

src/_posts/2024-03-01_vite-press-plugin.md

@@ -166,6 +166,42 @@ Supporting all Blog features requires several different pages to render each of
 | Display Posts by Tag | [/posts/tagged/markdown](/posts/tagged/markdown) | [\[tag\].vue](https://github.com/NetCoreTemplates/vue-spa/blob/main/MyApp.Client/src/pages/posts/tagged/%5Btag%5D.vue) | [\[tag\].tsx](https://github.com/NetCoreTemplates/react-spa/blob/main/MyApp.Client/src/pages/posts/tagged/%5Btag%5D.tsx) |
 | Display Posts by Year | [/posts/year/2024](/posts/year/2024) | [\[year\].vue](https://github.com/NetCoreTemplates/vue-spa/blob/main/MyApp.Client/src/pages/posts/year/%5Byear%5D.vue) | [\[year\].tsx](https://github.com/NetCoreTemplates/react-spa/blob/main/MyApp.Client/src/pages/posts/year/%5Byear%5D.tsx) |
 
+#### Configuration
+
+Additional information about the Website Blog is maintained in `_posts/config.json`
+
+```json
+{
+  "localBaseUrl": "http://localhost:5173",
+  "publicBaseUrl": "https://press-vue.web-templates.io",
+  "siteTwitter": "@Vue",
+  "blogTitle": "From the blog",
+  "blogDescription": "Writing on software design and aerospace industry.",
+  "blogEmail": "[email protected] (Vue)",
+  "blogImageUrl": "https://servicestack.net/img/logo.png"
+}
+```
+
+#### Authors
+
+Whilst information about Post Authors are maintained in `_posts/authors.json`
+
+```json
+[
+  {
+    "name": "Lucy Bates",
+    "email": "[email protected]",
+    "bio": "Writing on software design and aerospace industry.",
+    "profileUrl": "/img/profiles/user1.svg",
+    "twitterUrl": "https://twitter.com/lucy",
+    "threadsUrl": "https://threads.net/@lucy",
+    "gitHubUrl": "https://github.com/lucy"
+  },
+]
+```
+
+To associate an Author the **name** property is used to match a posts frontmatter **author**.
+
 ### General Features
 
 Most unique markdown features are captured in their Markdown's frontmatter metadata, but in general these features

src/_posts/config.json

@@ -1,9 +1,9 @@
 {
-  "localBaseUrl": "https://localhost:5001",
+  "localBaseUrl": "http://localhost:5173",
   "publicBaseUrl": "https://press-vue.web-templates.io",
   "siteTwitter": "@Vue",
   "blogTitle": "From the blog",
-  "blogDescription": "Writing on software design, company building, and the aerospace industry.",
+  "blogDescription": "Writing on software design and aerospace industry.",
   "blogEmail": "[email protected] (Vue)",
   "blogImageUrl": "https://servicestack.net/img/logo.png"
-}
+}

src/components/SrcLink.vue

@@ -9,7 +9,7 @@
 import { computed } from "vue"
 import { lastRightPart, combinePaths } from "@servicestack/client"
 
-const baseUrl = "https://github.com/ServiceStack/vite-plugin-press/blob/main"
+const baseUrl = "https://github.com/ServiceStack/press-vue/blob/main"
 
 const props = defineProps<{
   href: string

src/components/SrcPage.vue

@@ -1,5 +1,5 @@
 <template>
-  <SrcLink :href="combinePaths('/example/vue-press/src',path)">
+  <SrcLink :href="combinePaths('/src/pages',path)">
     <Iconify icon="logos:vue" class="w-5 h-5 inline" />
   </SrcLink>
 </template>

src/pages/blog.vue

@@ -133,7 +133,7 @@
   </div>
 
   <div class="my-8 flex justify-center gap-x-4">
-    <SrcPage path="pages/blog.vue" />
+    <SrcPage path="blog.vue" />
   </div>
 </template>
 

src/pages/counter.vue

@@ -7,7 +7,7 @@
     <PrimaryButton @click="incrementCount">Click me</PrimaryButton>
 
     <div class="mt-8 flex justify-center gap-x-4">
-      <SrcPage path="pages/counter.vue" />
+      <SrcPage path="counter.vue" />
     </div>
 
   </div>

src/pages/index.vue

@@ -9,6 +9,13 @@
       <p class="mx-auto mt-3 max-w-md text-base text-gray-500 dark:text-gray-400 sm:text-lg md:mt-5 md:max-w-3xl md:text-xl">
         Welcome to your new Vue SPA App
       </p>
+      <div class="mx-auto mt-5 max-w-md sm:flex sm:justify-center md:mt-8">
+        <div class="mt-3 rounded-md shadow sm:mt-0 sm:ml-3">
+          <a href="https://docs.servicestack.net/vue/" class="flex w-full items-center justify-center rounded-md border border-transparent bg-green-600 px-8 py-3 text-base font-medium text-white hover:bg-green-700 md:py-4 md:px-10 md:text-lg">
+            Vue Component Gallery
+          </a>
+        </div>
+      </div>
     </div>
   </div>
 
@@ -88,7 +95,7 @@
       learnMore="https://docs.servicestack.net/vue/" />
 
   <div class="my-8 flex justify-center gap-x-4">
-    <SrcPage path="pages/index.vue" />
+    <SrcPage path="index.vue" />
   </div>
 
 </template>

src/pages/posts/index.vue

@@ -28,7 +28,7 @@
   </div>
 
   <div class="my-8 flex justify-center gap-x-4">
-    <SrcPage path="pages/posts/index.vue" />
+    <SrcPage path="posts/index.vue" />
   </div>
 </template>
 

src/pages/videos.vue

@@ -15,7 +15,7 @@
       learnMore="https://docs.servicestack.net/vue/" />
 
   <div class="my-8 flex justify-center gap-x-4">
-    <SrcPage path="pages/videos.vue" />
+    <SrcPage path="videos.vue" />
   </div>
 
 </template>