fix(templates): fix icon parsing in templates

simsustech · Sep 11, 2023 · a212e7f · a212e7f
1 parent aad801d
commit a212e7f
Show file tree

Hide file tree

Showing 6 changed files with 387 additions and 583 deletions.
diff --git a/.changeset/clever-sloths-brush.md b/.changeset/clever-sloths-brush.md
@@ -0,0 +1,5 @@
+---
+'@simple-site-generator/templates': patch
+---
+
+fix(templates): fix icon parsing in templates
diff --git a/packages/templates/src/documentation/Layout.vue b/packages/templates/src/documentation/Layout.vue
@@ -48,7 +48,7 @@
             v-ripple
           >
             <q-item-section avatar>
-              <q-icon :name="page.icon" />
+              <q-icon :name="page.icon.name" />
             </q-item-section>
             <q-item-section>{{ page.label }}</q-item-section>
           </q-item>

diff --git a/packages/templates/src/documentation/Page.vue b/packages/templates/src/documentation/Page.vue
@@ -3,7 +3,12 @@
     <div v-if="lists">
       <q-list v-for="list in lists" :key="list.header" :dense="list.dense">
         <q-item-label header v-if="list.header">{{ list.header }}</q-item-label>
-        <q-item v-for="item in list.items" :key="item.label">
+        <q-item
+          v-for="item in list.items"
+          :key="item.label"
+          :clickable="item.href !== void 0"
+          :href="item.href"
+        >
           <q-item-section avatar v-if="item.icon">
             <q-icon :color="item.icon.color" :name="item.icon.name" />
           </q-item-section>
@@ -87,6 +92,7 @@ export interface PageProps {
       label: string
       overline?: string
       caption?: string
+      href?: string
       icon?: {
         name: string
         color?: string

diff --git a/packages/templates/src/small-business/Layout.vue b/packages/templates/src/small-business/Layout.vue
@@ -100,7 +100,7 @@
             v-ripple
           >
             <q-item-section avatar>
-              <q-icon :name="page.icon" />
+              <q-icon :name="page.icon.name" />
             </q-item-section>
             <q-item-section>{{ page.label }}</q-item-section>
           </q-item>

diff --git a/packages/templates/src/small-business/Page.vue b/packages/templates/src/small-business/Page.vue
@@ -6,7 +6,7 @@
         <q-item
           v-for="item in list.items"
           :key="item.label"
-          :clickable="item.href!!"
+          :clickable="item.href !== void 0"
           :href="item.href"
         >
           <q-item-section avatar v-if="item.icon">
@@ -92,6 +92,7 @@ export interface PageProps {
       label: string
       overline?: string
       caption?: string
+      href?: string
       icon?: {
         name: string
         color?: string