feat:(Components):Add component page link to the sidebar menu component

Author: xGooddevilx

src/components/layout/side-menu/VSideMenu.vue

@@ -24,19 +24,25 @@
 
                 {{ $t('Todos') }}
             </VSideMenuItem>
+            <VSideMenuItem :to="{ name: 'Comments' }">
+                <template #icon>
+                    <i class="bi-chat-dots-fill"></i>
+                </template>
+                {{ $t('Comments') }}
+            </VSideMenuItem>
         </nav>
     </aside>
 </template>
 
 <script>
-    // Components
-    import VSideMenuItem from '@/components/layout/side-menu/VSideMenuItem.vue';
+// Components
+import VSideMenuItem from '@/components/layout/side-menu/VSideMenuItem.vue';
 
-    export default {
-        name: 'VSideBar',
+export default {
+    name: 'VSideBar',
 
-        components: {
-            VSideMenuItem
-        }
+    components: {
+        VSideMenuItem
     }
+}
 </script>

src/locales/en/messages.js

@@ -4,6 +4,7 @@ export default {
     "Password": "Password",
     "Submit": "Submit",
     "Cancel": "Cancel",
+    "Comments": "Comments",
     "Dashboard": "Dashboard",
     "Users": "Users",
     "Authorization Error": "Authorization Error",

src/locales/fa/messages.js

@@ -6,6 +6,7 @@ export default {
     "Cancel": "انصراف",
     "Dashboard": "داشبورد",
     "Users": "کاربران",
+    "Comments": "نظرات",
     "Authorization Error": "خطای دسترسی",
     "No data available": "داده\u200Cای موجود نیست",
     "You are successfully logged in": "شما با موفقیت وارد سیستم شدید",

src/views/CommentsView.vue

@@ -1,9 +1,11 @@
-<script lang="ts" setup>
-
-</script>
-
 <template>
     <div>
         <h1>Comments Page</h1>
     </div>
 </template>
+
+<script>
+    export default {
+        name: 'CommentsView'
+    }
+</script>