✨ Basic solar network post preview

pages/products/[...slug].vue

@@ -5,7 +5,7 @@
         <template #empty>
           <v-empty-state
             icon="mdi-image-broken-variant"
-            text="This product has no spefifc describe for it, yet."
+            text="This product has no specific describe for it, yet."
             title="No Content"
             class="no-content-placeholder"
           >
@@ -14,6 +14,18 @@
             </template>
           </v-empty-state>
         </template>
+        <template #not-found>
+          <v-empty-state
+              icon="mdi-flask-empty-remove-outline"
+              text="We haven't this product, yet."
+              title="Not Found"
+              class="no-content-placeholder"
+          >
+            <template #actions>
+              <v-btn prepend-icon="mdi-list-box" variant="plain" text="Back to index" to="/products" exact />
+            </template>
+          </v-empty-state>
+        </template>
       </content-doc>
     </article>
   </v-container>
@@ -25,3 +37,5 @@
   max-height: 64rem;
 }
 </style>
+<script setup lang="ts">
+</script>