feat: update layout configuration to make minimal an option

aplosdev · Jun 4, 2024 · c354121 · c354121
1 parent a4b4a3e
commit c354121
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 47 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -18,6 +18,8 @@
 
 ### Features
 
+- Make `minimal` layout an option in the configuration, rather then an import
+
 - Provide a non-custom font version of Aplós (`aplos/plain`)
 
 - Provide `style` frontmatter configuration for any page

diff --git a/Layout.vue b/Layout.vue
@@ -14,25 +14,22 @@ const { site, frontmatter, page, theme } = useData();
 
 <template>
   <Navigation />
-  <main
-    id="content-main"
-    :class="{
-      numeric: frontmatter.style === 'numeric' || theme.style === 'numeric',
-      'icon-links': theme.links === 'icons',
-    }"
-  >
+  <main id="content-main" :class="{
+    numeric: frontmatter.style === 'numeric' || theme.style === 'numeric',
+    'icon-links': theme.links === 'icons',
+  }">
     <div v-if="frontmatter.home">
       <h1>{{ site.title }}</h1>
     </div>
-    <div v-if="frontmatter.layout === 'article'">
+    <div v-if="frontmatter.layout === 'article' || (theme.minimal === true && frontmatter.layout !== 'article')">
       <ArticleHead />
     </div>
     <NotFound v-if="page.isNotFound" />
     <div v-else :class="frontmatter.pageClass">
       <Content />
     </div>
     <HelpfulLayout v-if="frontmatter.layout == 'helpful'" />
-    <div v-if="frontmatter.layout == 'article'">
+    <div v-if="frontmatter.layout === 'article' || (theme.minimal === true && frontmatter.layout !== 'article')">
       <ArticleFooter />
     </div>
   </main>

diff --git a/minimal.ts b/minimal.ts
diff --git a/minimal/Layout.vue b/minimal/Layout.vue