fix: make logo optional

public/templates/about-us-template.html

@@ -6,9 +6,11 @@ <h1>
 {{{ title }}}
 
 </h1>
+{{#metadata.logo}}
 <div class="logo">
 <img src="{{{ metadata.logo }}}" alt="Logo">
 </div>
+{{/metadata.logo}}
 </div>
 
 <div class="content-wrapper">

public/templates/cover-template.html

@@ -1,8 +1,10 @@
 <script type="x-tmpl-mustache">
 <div class="content-container">
+{{#metadata.logo}}
 <div class="logo">
 <img src="{{{ metadata.logo }}}" alt="Logo">
 </div>
+{{/metadata.logo}}
 
 <div class="content">
 <h1>{{{ title }}}</h1>

public/templates/title-content-image-template.html

@@ -6,9 +6,11 @@ <h1>
 {{{ title }}}
 
 </h1>
+{{#metadata.logo}}
 <div class="logo">
 <img src="{{{ metadata.logo }}}" alt="Logo">
 </div>
+{{/metadata.logo}}
 </div>
 
 <div class="content-wrapper">

public/templates/title-content-template.html

@@ -6,9 +6,11 @@ <h1>
 {{{ title }}}
 
 </h1>
+{{#metadata.logo}}
 <div class="logo">
 <img src="{{{ metadata.logo }}}" alt="Logo">
 </div>
+{{/metadata.logo}}
 </div>
 
 <div class="content-wrapper">

tests/unit/App.spec.ts

@@ -21,9 +21,11 @@ let mockServerUrl = 'https://localhost:9200'
 const templateHtmlMap: Record<string, string> = {
   'cover-template.html': `<script type="x-tmpl-mustache">
 <div class="content-container">
+{{#metadata.logo}}
 <div class="logo">
 <img src="{{{ metadata.logo }}}" alt="Logo">
 </div>
+{{/metadata.logo}}
 
 <div class="content">
 <h1>{{{ title }}}</h1>
@@ -45,9 +47,11 @@ By: {{{ metadata.presenter }}}
 {{{ title }}}
 
 </h1>
+{{#metadata.logo}}
 <div class="logo">
 <img src="{{{ metadata.logo }}}" alt="Logo">
 </div>
+{{/metadata.logo}}
 </div>
 
 <div class="content-wrapper">
@@ -73,9 +77,11 @@ By: {{{ metadata.presenter }}}
 {{{ title }}}
 
 </h1>
+{{#metadata.logo}}
 <div class="logo">
 <img src="{{{ metadata.logo }}}" alt="Logo">
 </div>
+{{/metadata.logo}}
 </div>
 
 <div class="content-wrapper">
@@ -101,9 +107,11 @@ By: {{{ metadata.presenter }}}
 {{{ title }}}
 
 </h1>
+{{#metadata.logo}}
 <div class="logo">
 <img src="{{{ metadata.logo }}}" alt="Logo">
 </div>
+{{/metadata.logo}}
 </div>
 
 <div class="content-wrapper">
@@ -410,6 +418,34 @@ aboutUs:
 # About Us ::slide:about-us
 
 Some content about us.
+`)
+    const vm = getWrapper()
+    await flushPromises()
+    await vi.waitFor(
+      () => {
+        expect(vm.classes('md-template')).toBe(true)
+      },
+      { timeout: 1000 }
+    )
+    expect(vm.find('.reveal .slides').html()).toMatchSnapshot()
+  })
+
+  it('should render title content template without the logo', async () => {
+    global.fetch = createFetchMock(`---
+slide: title-content
+presenter: John Doe
+---
+# Title Content Slide
+
+- Introduction to mountain ecosystems
+- Basic concepts of quantum encryption
+- Exploring culinary traditions in Southeast Asia
+- Overview of blockchain consensus mechanisms
+- Setting up a personal productivity system
+- Writing clean, maintainable JavaScript code
+- Understanding modern art movements
+- History of aviation and early flight experiments
+- Managing team dynamics in remote work
 `)
     const vm = getWrapper()
     await flushPromises()

tests/unit/__snapshots__/App.spec.ts.snap

@@ -253,3 +253,40 @@ exports[`Template Features > should render title content template 1`] = `
   </section>
 </div>"
 `;
+
+exports[`Template Features > should render title content template without the logo 1`] = `
+"<div id="slideContainer" class="slides" style="width: 960px; height: 700px; left: 50%; top: 50%; bottom: auto; right: auto; transform: translate(-50%, -50%) scale(0.2);">
+  <section class="title-content present" data-markdown="" data-markdown-parsed="true" style="top: 350px; display: block;">
+    <div class="content-container">
+      <div class="title">
+        <h1>
+
+          <p>Title Content Slide</p>
+        </h1>
+      </div>
+
+      <div class="content-wrapper">
+        <div class="content">
+
+          <ul>
+            <li>Introduction to mountain ecosystems</li>
+            <li>Basic concepts of quantum encryption</li>
+            <li>Exploring culinary traditions in Southeast Asia</li>
+            <li>Overview of blockchain consensus mechanisms</li>
+            <li>Setting up a personal productivity system</li>
+            <li>Writing clean, maintainable JavaScript code</li>
+            <li>Understanding modern art movements</li>
+            <li>History of aviation and early flight experiments</li>
+            <li>Managing team dynamics in remote work</li>
+          </ul>
+        </div>
+      </div>
+    </div>
+    <footer>
+      <div class="footer-content"></div>
+      <div class="custom-slide-number">1</div>
+    </footer>
+
+  </section>
+</div>"
+`;