💄 Optimized navbar

🍱 Add solian icons, optimize original icons

content/products/solar-network.mdx

@@ -1,6 +1,24 @@
 ---
 thumbnail: /thumbnails/products/solar-network.webp
 title: Solar Network
-description: Solar Network is Solsynth LLC's core product in the internet.
+description: Your all-in-one platform for building and connecting communities.
 url: https://lian.solsynth.dev
 ---
+
+Solar Network is an innovative platform that seamlessly integrates social interactions, chat, and voice calls into a single, cohesive experience. With Solar Network, you can effortlessly build and manage your own community.
+
+## Key Features
+
+- Social Integration: Connect and engage with others through a comprehensive social platform that brings together various forms of interaction.
+- Chat: Enjoy real-time messaging with individuals and groups, making communication smooth and efficient.
+- Voice Calls: Experience crystal-clear voice calls, enabling you to connect on a deeper level with your community.
+
+## Why Choose Solar Network?
+
+- User-Friendly: Designed with simplicity in mind, making it easy for anyone to create and manage their community.
+- All-in-One Solution: Combines essential communication tools into one platform, eliminating the need for multiple apps.
+- Customizable: Tailor the platform to suit your community’s unique needs and preferences.
+
+Join Solar Network today and start building your community with ease!
+
+Feel free to adjust any details to better fit your vision for the product.

layouts/default.vue

@@ -1,15 +1,15 @@
 <template>
   <v-app-bar flat color="primary">
-    <v-container class="mx-auto d-flex align-center justify-center px-8">
+    <v-container fluid class="mx-auto d-flex align-center justify-center px-8">
       <nuxt-link to="/" exact>
-        <v-avatar class="me-4" color="transparent" size="32" :image="Logo" />
+        <v-avatar class="me-4 ms-1" color="transparent" size="32" :image="Logo" />
       </nuxt-link>
 
       <v-btn variant="text" text="Products" to="/products" exact />
 
       <v-spacer></v-spacer>
 
-      <v-btn href="https://id.solsynth.dev" target="_blank" icon>
+      <v-btn href="https://id.solsynth.dev" target="_blank" icon slim>
         <v-avatar size="small" color="transparent" icon="mdi-account-circle" />
       </v-btn>
     </v-container>
@@ -21,5 +21,5 @@
 </template>
 
 <script setup lang="ts">
-import Logo from "../assets/logo.png"
+import Logo from "../assets/logo-w-shadow.png"
 </script>

nuxt.config.ts

@@ -3,6 +3,7 @@ import vuetify, { transformAssetUrls } from "vite-plugin-vuetify"
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
   devtools: { enabled: true },
+
   app: {
     head: {
       title: "Solsynth LLC",
@@ -10,6 +11,7 @@ export default defineNuxtConfig({
       link: [{ rel: "icon", type: "image/png", href: "/favicon.png" }],
     },
   },
+
   content: {
     api: {
       baseURL: "/api/content",
@@ -18,9 +20,11 @@ export default defineNuxtConfig({
       theme: "github-dark",
     },
   },
+
   build: {
     transpile: ["vuetify"],
   },
+
   modules: [
     "@unocss/nuxt",
     "@nuxt/content",
@@ -33,6 +37,7 @@ export default defineNuxtConfig({
     },
     //...
   ],
+
   vite: {
     vue: {
       template: {
@@ -40,4 +45,6 @@ export default defineNuxtConfig({
       },
     },
   },
+
+  compatibilityDate: "2024-08-10",
 })

package.json

@@ -10,17 +10,18 @@
     "postinstall": "nuxt prepare"
   },
   "dependencies": {
-    "@fontsource/roboto": "^5.0.13",
+    "@fontsource/roboto": "^5.0.14",
     "@mdi/font": "^7.4.47",
-    "@nuxt/content": "^2.13.0",
+    "@nuxt/content": "^2.13.2",
     "@nuxt/image": "^1.7.0",
-    "nuxt": "^3.12.2",
+    "nuxt": "^3.12.4",
     "vue": "latest"
   },
   "devDependencies": {
-    "@unocss/nuxt": "^0.61.0",
+    "@unocss/nuxt": "^0.61.9",
-    "@unocss/reset": "^0.61.0",
+    "@unocss/preset-typography": "^0.61.9",
-    "vite-plugin-vuetify": "^2.0.3",
+    "@unocss/reset": "^0.61.9",
-    "vuetify": "^3.6.10"
+    "vite-plugin-vuetify": "^2.0.4",
+    "vuetify": "^3.6.14"
   }
 }

pages/posts/[id].vue

@@ -0,0 +1,7 @@
+<template></template>
+
+<script setup lang="ts">
+useHead({
+  link: [{ rel: "icon", type: "image/png", href: "/favicon-solian.png" }],
+})
+</script>

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

@@ -1,19 +1,21 @@
 <template>
   <v-container>
-    <content-doc>
+    <article class="text-base prose prose-truegray xl:text-lg mx-auto">
-      <template #empty>
+      <content-doc>
-        <v-empty-state
+        <template #empty>
-          icon="mdi-image-broken-variant"
+          <v-empty-state
-          text="This product has no spefifc describe for it, yet."
+            icon="mdi-image-broken-variant"
-          title="No Content"
+            text="This product has no spefifc describe for it, yet."
-          class="no-content-placeholder"
+            title="No Content"
-        >
+            class="no-content-placeholder"
-          <template #actions>
+          >
-            <v-btn prepend-icon="mdi-list-box" variant="plain" text="Back to index" to="/products" exact />
+            <template #actions>
-          </template>
+              <v-btn prepend-icon="mdi-list-box" variant="plain" text="Back to index" to="/products" exact />
-        </v-empty-state>
+            </template>
-      </template>
+          </v-empty-state>
-    </content-doc>
+        </template>
+      </content-doc>
+    </article>
   </v-container>
 </template>
 

uno.config.ts

@@ -1,3 +1,5 @@
-import { defineConfig } from "unocss"
+import { defineConfig, presetAttributify, presetTypography, presetUno } from "unocss"
 
-export default defineConfig({})
+export default defineConfig({
+  presets: [presetAttributify(), presetUno(), presetTypography()],
+})