✨ Settings page

src/layouts/settings.vue

@@ -7,6 +7,7 @@
     <div class="aside-nav max-md:order-first">
       <v-card prepend-icon="mdi-cog" title="Settings">
         <v-list density="comfortable">
+          <v-list-item title="Basis" prepend-icon="mdi-network" exact :to="{ name: 'settings' }" />
           <v-list-item title="Personalize" prepend-icon="mdi-card-bulleted-outline" :to="{ name: 'settings.account.personalize' }" />
           <v-list-item title="Personal Page" prepend-icon="mdi-sitemap" :to="{ name: 'settings.account.personal-page' }" />
 

src/views/settings.vue

@@ -1,5 +1,17 @@
 <template>
-  <div>
+  <div class="flex flex-col gap-3">
+    <v-card prepend-icon="mdi-server" title="Host">
+      <template #text>
+        <p>You currently connected to</p>
+        <p class="text-lg"><b>Solar Networks</b></p>
+        <p>Didn't support editing now</p>
+      </template>
+    </v-card>
 
+    <Copyright />
   </div>
-</template>
+</template>
+
+<script setup lang="ts">
+import Copyright from "@/components/common/Copyright.vue"
+</script>