Fixed and Remove: Eslint issue fixed and layout route remove from doc

StaticMania · Oct 28, 2024 · 05705a6 · 05705a6
2 parents 1f175e1 + b723d82
commit 05705a6
Show file tree

Hide file tree

Showing 7 changed files with 20 additions and 113 deletions.
diff --git a/Routes/routes.ts b/Routes/routes.ts
@@ -381,29 +381,6 @@ export const quickAccessRoute = ref<RouterPath[]>([
   },
 ]);
 
-export const layoutRoutes = ref<RouterPath[]>([
-  {
-    id: generatedID.v4(),
-    name: "Container",
-    href: "/docs/layout/container",
-  },
-  {
-    id: generatedID.v4(),
-    name: "Column",
-    href: "/docs/layout/column",
-  },
-  {
-    id: generatedID.v4(),
-    name: "Flex",
-    href: "/docs/layout/flex",
-  },
-  {
-    id: generatedID.v4(),
-    name: "Grid",
-    href: "/docs/layout/grid",
-  },
-]);
-
 export const navbarRoutes = ref<RouterPath[]>([
   {
     id: generatedID.v4(),

diff --git a/components/DocSidebar.vue b/components/DocSidebar.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { docsRoutes, gettingStaredRoutes, layoutRoutes } from "~/Routes/routes";
+import { docsRoutes, gettingStaredRoutes } from "~/Routes/routes";
 import {
   Accordion,
   AccordionContainer,
@@ -52,35 +52,6 @@ const isActive = (str: string) => {
         </AccordionPanel>
       </Accordion>
 
-      <!-- layout route section  -->
-      <Accordion flush type="single" collapsible default-value="layout">
-        <AccordionPanel class="border-b-0" value="layout">
-          <AccordionContainer class="p-0">
-            <AccordionTitle
-              class="text-body-4 font-semibold text-metal-900 first-letter:!mr-0 first-letter:!text-metal-900 dark:text-white dark:first-letter:!text-white">
-              Layout
-            </AccordionTitle>
-          </AccordionContainer>
-          <AccordionContent class="border-b-0 p-0">
-            <ul
-              class="mt-3 space-y-1.5 border-l border-l-metal-100 dark:border-l-metal-800">
-              <li v-for="route in layoutRoutes" :key="route?.id">
-                <NuxtLink
-                  :href="route?.href"
-                  class="-ml-px border-l border-l-transparent pl-3 text-body-4 font-medium text-metal-500 hover:-ml-px hover:border-l hover:border-metal-500 hover:text-metal-900 dark:text-metal-400 dark:hover:border-white dark:hover:text-white"
-                  :class="
-                    isActive(route?.href)
-                      ? 'border-l !border-primary-500 text-primary-500 transition-colors duration-150 hover:text-primary-500 dark:!border-white dark:text-white dark:hover:text-white'
-                      : ''
-                  ">
-                  {{ route?.name }}
-                </NuxtLink>
-              </li>
-            </ul>
-          </AccordionContent>
-        </AccordionPanel>
-      </Accordion>
-
       <!-- docs layout route section  -->
       <Accordion flush type="single" collapsible default-value="docs">
         <AccordionPanel class="border-b-0" value="docs">

diff --git a/components/Header.vue → components/HeaderComponent.vue b/components/Header.vue → components/HeaderComponent.vue
@@ -1,11 +1,6 @@
 <script lang="ts" setup>
 import { VisuallyHidden } from "radix-vue";
-import {
-  docsRoutes,
-  gettingStaredRoutes,
-  layoutRoutes,
-  navbarRoutes,
-} from "~/Routes/routes";
+import { docsRoutes, gettingStaredRoutes, navbarRoutes } from "~/Routes/routes";
 import {
   buttonVariants,
   Drawer,
@@ -173,55 +168,18 @@ const isActive = (str: string): boolean => {
                           <ul
                             class="mt-3 space-y-1.5 border-l border-l-metal-100 dark:border-l-metal-800">
                             <li
-                              v-for="route in gettingStaredRoutes"
-                              :key="route?.id"
-                              @click="active = false">
-                              <NuxtLink
-                                :href="route?.href"
-                                class="-ml-px border-l border-l-transparent pl-3 text-body-4 font-medium text-metal-500 hover:-ml-px hover:border-l hover:border-metal-500 hover:text-metal-900 dark:text-metal-400 dark:hover:border-white dark:hover:text-white"
-                                :class="
-                                  isActive(route?.href)
-                                    ? 'border-l !border-primary-500 text-primary-500 transition-colors duration-150 hover:text-primary-500 dark:!border-white dark:text-white dark:hover:text-white'
-                                    : ''
-                                ">
-                                {{ route?.name }}
-                              </NuxtLink>
-                            </li>
-                          </ul>
-                        </AccordionContent>
-                      </AccordionPanel>
-                    </Accordion>
-
-                    <!-- layout route section  -->
-                    <Accordion
-                      flush
-                      type="single"
-                      collapsible
-                      default-value="layout">
-                      <AccordionPanel class="border-b-0" value="layout">
-                        <AccordionContainer class="p-0">
-                          <AccordionTitle
-                            class="text-body-4 font-semibold text-metal-900 dark:text-white">
-                            Layout
-                          </AccordionTitle>
-                          <AccordionIcon />
-                        </AccordionContainer>
-                        <AccordionContent class="border-b-0 p-0 text-left">
-                          <ul
-                            class="mt-3 space-y-1.5 border-l border-l-metal-100 dark:border-l-metal-800">
-                            <li
-                              v-for="route in layoutRoutes"
-                              :key="route?.id"
+                              v-for="gettingStartedRoute in gettingStaredRoutes"
+                              :key="gettingStartedRoute?.id"
                               @click="active = false">
                               <NuxtLink
-                                :href="route?.href"
+                                :href="gettingStartedRoute?.href"
                                 class="-ml-px border-l border-l-transparent pl-3 text-body-4 font-medium text-metal-500 hover:-ml-px hover:border-l hover:border-metal-500 hover:text-metal-900 dark:text-metal-400 dark:hover:border-white dark:hover:text-white"
                                 :class="
-                                  isActive(route?.href)
+                                  isActive(gettingStartedRoute?.href)
                                     ? 'border-l !border-primary-500 text-primary-500 transition-colors duration-150 hover:text-primary-500 dark:!border-white dark:text-white dark:hover:text-white'
                                     : ''
                                 ">
-                                {{ route?.name }}
+                                {{ gettingStartedRoute?.name }}
                               </NuxtLink>
                             </li>
                           </ul>
@@ -243,18 +201,18 @@ const isActive = (str: string): boolean => {
                           <ul
                             class="mt-3 space-y-1.5 border-l border-l-metal-100 dark:border-l-metal-800">
                             <li
-                              v-for="route in docsRoutes"
-                              :key="route?.id"
+                              v-for="docRoute in docsRoutes"
+                              :key="docRoute?.id"
                               @click="active = false">
                               <NuxtLink
-                                :href="route?.href"
+                                :href="docRoute?.href"
                                 class="-ml-px border-l border-l-transparent pl-3 text-body-4 font-medium text-metal-500 hover:-ml-px hover:border-l hover:border-metal-500 hover:text-metal-900 dark:text-metal-400 dark:hover:border-white dark:hover:text-white"
                                 :class="
-                                  isActive(route?.href)
+                                  isActive(docRoute?.href)
                                     ? 'border-l !border-primary-500 text-primary-500 transition-colors duration-150 hover:text-primary-500 dark:!border-white dark:text-white dark:hover:text-white'
                                     : ''
                                 ">
-                                {{ route.name }}
+                                {{ docRoute.name }}
                               </NuxtLink>
                             </li>
                           </ul>

diff --git a/components/content/docs/components/rating/ValueFromRating.vue b/components/content/docs/components/rating/ValueFromRating.vue
@@ -4,7 +4,9 @@ import { Rating, RatingStar } from "~/src";
 import { ValueFromRatingCode } from "./ratingCode";
 
 const ratings = [1, 2, 3, 4, 5];
-const handleRating = (value: number | undefined) => {};
+const handleRating = (value: number | undefined) => {
+  console.log(value);
+};
 </script>
 
 <template>

diff --git a/layouts/default.vue b/layouts/default.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import Header from "~/components/Header.vue";
+import HeaderComponent from "~/components/HeaderComponent.vue";
 </script>
 
 <!-- eslint-disable vue/no-multiple-template-root -->
 <template>
-  <Header />
+  <HeaderComponent />
   <main class="relative pt-20">
     <slot />
   </main>

diff --git a/layouts/docs.vue b/layouts/docs.vue
@@ -1,6 +1,5 @@
 <script lang="ts" setup>
 import DocSidebar from "~/components/DocSidebar.vue";
-import Header from "~/components/Header.vue";
 import TableOfContent from "~/components/TableOfContent.vue";
 import { ToastWrapper } from "~/src";
 
@@ -19,7 +18,7 @@ const colorMode = useColorMode();
       },
     }" />
 
-  <Header />
+  <HeaderComponent />
   <main class="relative pt-20">
     <!-- upper area -> docs layout  -->
     <div

diff --git a/package.json b/package.json
@@ -8,8 +8,8 @@
     "generate": "nuxt generate",
     "preview": "nuxt preview",
     "postinstall": "nuxt prepare",
-    "lint": "eslint src",
-    "lint:fix": "eslint src --fix",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
     "format": "prettier . --write",
     "build:types": "rm -rf ./lib && vue-tsc --declaration --emitDeclarationOnly && tsc-alias -p tsconfig.json"
   },