From 9dbe49bb32276c994e824818c4863fde304c7110 Mon Sep 17 00:00:00 2001
From: Demis Bellot <demis.bellot@gmail.com>
Date: Sun, 18 Feb 2024 10:36:39 +0800
Subject: [PATCH] upgrade to latest template

---
 MyApp.Client/package.json                         | 2 +-
 MyApp.Client/src/components/AuthorLinks.vue       | 2 +-
 MyApp.Client/src/components/GettingStarted.vue    | 2 +-
 MyApp.Client/src/components/MarkdownComponent.vue | 3 ++-
 MyApp.Client/src/pages/blog.vue                   | 4 ++--
 MyApp.Client/src/pages/posts/[slug].vue           | 3 +++
 MyApp.Client/src/pages/posts/index.vue            | 2 +-
 MyApp.Client/vite.config.ts                       | 8 +++++++-
 8 files changed, 18 insertions(+), 8 deletions(-)

diff --git a/MyApp.Client/package.json b/MyApp.Client/package.json
index 4bbf7b2..13a8383 100644
--- a/MyApp.Client/package.json
+++ b/MyApp.Client/package.json
@@ -49,7 +49,7 @@
     "unplugin-vue-markdown": "^0.26.0",
     "unplugin-vue-router": "^0.7.0",
     "vite": "^5.0.11",
-    "vite-plugin-press": "^1.0.6",
+    "vite-plugin-press": "^1.0.9",
     "vite-plugin-vue-layouts": "^0.11.0",
     "vite-svg-loader": "^5.1.0",
     "vue-tsc": "^1.8.27"
diff --git a/MyApp.Client/src/components/AuthorLinks.vue b/MyApp.Client/src/components/AuthorLinks.vue
index 2e1e03a..535d43d 100644
--- a/MyApp.Client/src/components/AuthorLinks.vue
+++ b/MyApp.Client/src/components/AuthorLinks.vue
@@ -29,7 +29,7 @@
       </a>
     </li>
     <li v-if="author.email">
-      <a title="Email @Author.Name" :href="`mailto:@${author.email}`" class="mr-1 group flex text-sm font-medium text-zinc-800 transition hover:text-indigo-500 dark:text-zinc-200 dark:hover:text-indigo-500">
+      <a :title="`Email ${author.name}`" :href="`mailto:@${author.email}`" class="mr-1 group flex text-sm font-medium text-zinc-800 transition hover:text-indigo-500 dark:text-zinc-200 dark:hover:text-indigo-500">
         <svg class="h-6 w-6 flex-none text-zinc-500 fill-zinc-500 transition group-hover:fill-indigo-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M4 20q-.825 0-1.413-.588T2 18V6q0-.825.588-1.413T4 4h16q.825 0 1.413.588T22 6v12q0 .825-.588 1.413T20 20H4Zm8-7L4 8v10h16V8l-8 5Zm0-2l8-5H4l8 5ZM4 8V6v12V8Z" /></svg>
       </a>
     </li>
diff --git a/MyApp.Client/src/components/GettingStarted.vue b/MyApp.Client/src/components/GettingStarted.vue
index 8eea7ae..b260cf7 100644
--- a/MyApp.Client/src/components/GettingStarted.vue
+++ b/MyApp.Client/src/components/GettingStarted.vue
@@ -30,7 +30,7 @@
 
     <h4 class="py-6 text-center text-xl">Run .NET Project</h4>
     <ShellCommand class="mb-2">dotnet watch</ShellCommand>
-  </div>      
+  </div>
 </template>
 
 <script setup lang="ts">
diff --git a/MyApp.Client/src/components/MarkdownComponent.vue b/MyApp.Client/src/components/MarkdownComponent.vue
index 0d820fd..18f4e8c 100644
--- a/MyApp.Client/src/components/MarkdownComponent.vue
+++ b/MyApp.Client/src/components/MarkdownComponent.vue
@@ -1,6 +1,7 @@
 <template>
   <component v-if="MarkdownComponent" :is="MarkdownComponent" :name="doc.slug" :frontmatter="{ nowrap:true }" />
-  <div v-else v-html="doc.preview"></div>
+  <div v-else-if="doc.preview" v-html="doc.preview"></div>
+  <pre v-else v-html="doc.content"></pre>
 </template>
 
 <script setup lang="ts">
diff --git a/MyApp.Client/src/pages/blog.vue b/MyApp.Client/src/pages/blog.vue
index caa605a..7dd0cc0 100644
--- a/MyApp.Client/src/pages/blog.vue
+++ b/MyApp.Client/src/pages/blog.vue
@@ -74,7 +74,7 @@
       </div>
     </section>
 
-    <section v-if="remainingPosts" class="mt-24 flex justify-center">
+    <section v-if="remainingPosts.length" class="mt-24 flex justify-center">
       <div class="flex max-w-screen-lg">
         <div class="w-2/3">
           <div v-for="post in remainingPosts as Post[]" class="border-b pb-4 mb-4">
@@ -88,7 +88,7 @@
                   <div class="flex-shrink-0">
                     <span>
                         <span class="sr-only">{{post.author}}</span>
-                        <img class="h-10 w-10 rounded-full" :src="authorProfileUrl(post.author)" alt="@post.Title background">
+                        <img class="h-10 w-10 rounded-full" :src="authorProfileUrl(post.author)" :alt="`${post.title} background`">
                     </span>
                   </div>
                   <div class="ml-3">
diff --git a/MyApp.Client/src/pages/posts/[slug].vue b/MyApp.Client/src/pages/posts/[slug].vue
index f52a015..628278d 100644
--- a/MyApp.Client/src/pages/posts/[slug].vue
+++ b/MyApp.Client/src/pages/posts/[slug].vue
@@ -66,6 +66,7 @@
             More from {{author.name}}
           </div>
           <div class="grid grid-cols-2 gap-8">
+            
             <div v-for="authorPost in authorPosts as Post[]">
               <div class="flex flex-col overflow-hidden">
                 <div class="flex-shrink-0">
@@ -105,8 +106,10 @@
                 </div>
               </div>
             </div>
+            
           </div>
         </div>
+        
       </div>
     </div>
   </template>
diff --git a/MyApp.Client/src/pages/posts/index.vue b/MyApp.Client/src/pages/posts/index.vue
index 6215560..a38ed6f 100644
--- a/MyApp.Client/src/pages/posts/index.vue
+++ b/MyApp.Client/src/pages/posts/index.vue
@@ -35,7 +35,7 @@
 <script setup lang="ts">
 import type { VirtualPress, Post } from "vite-plugin-press"
 import { inject } from 'vue'
-import {generateSlug} from "@/utils"
+import { generateSlug } from "@/utils"
 
 const press:VirtualPress = inject('press')!
 const blogDescription = press.blog.config.blogDescription
diff --git a/MyApp.Client/vite.config.ts b/MyApp.Client/vite.config.ts
index 6d5797a..628cbde 100644
--- a/MyApp.Client/vite.config.ts
+++ b/MyApp.Client/vite.config.ts
@@ -49,6 +49,9 @@ if (!fs.existsSync(certFilePath) || !fs.existsSync(keyFilePath)) {
 
 const target = env.ASPNETCORE_HTTPS_PORT ? `https://localhost:${env.ASPNETCORE_HTTPS_PORT}` :
     env.ASPNETCORE_URLS ? env.ASPNETCORE_URLS.split(';')[0] : 'https://localhost:5001';
+const baseUrl = process.env.NODE_ENV === 'development'
+    ? "https://locahost:5173"
+    : process.env.DEPLOY_HOST ? `https://${process.env.DEPLOY_HOST}` : undefined
 
 export function configureMarkdown(md:MarkdownIt) {
     function copy({cls,box,icon,txt}:any) {
@@ -133,7 +136,10 @@ export default defineConfig({
             include: [/\.vue$/, /\.md$/],
         }),
 
-        Press(),
+        Press({
+            baseUrl,
+            metadataPath:'public/api'
+        }),
         Layouts(),
         svgLoader(),