refactor(docs): 🧹 Code maintenance

oyedejioyewole · Feb 11, 2024 · 5221e3e · 5221e3e
1 parent 006e614
commit 5221e3e
Show file tree

Hide file tree

Showing 7 changed files with 22 additions and 25 deletions.
diff --git a/docs/app.vue b/docs/app.vue
@@ -5,6 +5,11 @@ useHead({
   },
   titleTemplate: "%s · nuxt-bootstrap-icons",
 });
+
+onMounted(async () => {
+  const locomotive = await import("locomotive-scroll");
+  new locomotive.default();
+});
 </script>
 
 <template>

diff --git a/docs/components/Footer.client.vue b/docs/components/Footer.client.vue
@@ -32,7 +32,7 @@ const toggleTheme = () => {
           <li>
             <NuxtLink
               target="_blank"
-              to="https://github.com/OyewoleOyedeji/nuxt-bootstrap-icons"
+              to="https://github.com/oyedejioyewole/nuxt-bootstrap-icons"
             >
               <BootstrapIcon name="github" />
             </NuxtLink>

diff --git a/docs/components/content/ProsePre.vue b/docs/components/content/ProsePre.vue
@@ -35,9 +35,11 @@ defineProps({
 </script>
 
 <style lang="scss">
-pre code {
-  .line {
-    @apply block;
+pre {
+  code {
+    .line {
+      @apply block;
+    }
   }
 }
 </style>
diff --git a/docs/content/index.md b/docs/content/index.md
@@ -1,5 +1,5 @@
 ---
-description: A simple wrapper for Bootstrap Icons in Nuxt
+description: An integration for bootstrap-icons in Nuxt
 ---
 
 # Documentation
@@ -26,7 +26,7 @@ Follow the following steps to start using this module:
    });
    ```
 
-Congratulations 🎉, you can now use any icon from Bootstrap Icons in your Nuxt project!
+Congratulations 🎉, you can now use any icon from `bootstrap-icons` in your Nuxt project!
 
 Browse the available of icons [here](https://icons.getbootstrap.com/).
 

diff --git a/docs/content/release-notes.md b/docs/content/release-notes.md
@@ -1,3 +1,7 @@
+---
+description: Don't miss out on improvements and new features
+---
+
 # Release Notes
 
 ## v1.1.7
@@ -140,7 +144,7 @@
 
 ### 🚀 Enhancements
 
-- ⚠️  Moved options key to root of nuxt.config ([27e1035](https://github.com/OyewoleOyedeji/nuxt-bootstrap-icons/commit/27e1035))
+- ⚠️ Moved options key to root of nuxt.config ([27e1035](https://github.com/OyewoleOyedeji/nuxt-bootstrap-icons/commit/27e1035))
 
 ### 💅 Refactors
 
@@ -152,7 +156,7 @@
 
 #### ⚠️ Breaking Changes
 
-- ⚠️  Moved options key to root of nuxt.config ([27e1035](https://github.com/OyewoleOyedeji/nuxt-bootstrap-icons/commit/27e1035))
+- ⚠️ Moved options key to root of nuxt.config ([27e1035](https://github.com/OyewoleOyedeji/nuxt-bootstrap-icons/commit/27e1035))
 
 ### ❤️ Contributors
 

diff --git a/docs/pages/index.vue b/docs/pages/index.vue
@@ -5,20 +5,13 @@ import "notivue/notifications.css";
 
 type ColorTheme = "dark" | "light";
 
-defineOgImageComponent("Page", {
-  description: "An integration for bootstrap-icons in Nuxt",
-});
+defineOgImageComponent("Page");
 
 const colorTheme = useColorMode();
 const shades = getColorShades("primary");
 const theme = ref<NotivueTheme>();
 
-onMounted(async () => {
-  const locomotive = await import("locomotive-scroll");
-  new locomotive.default();
-
-  useToggleNotivueTheme(colorTheme.value as ColorTheme);
-});
+onMounted(() => useToggleNotivueTheme(colorTheme.value as ColorTheme));
 
 watch(colorTheme, (_new) => useToggleNotivueTheme(_new.value as ColorTheme));
 

diff --git a/docs/pages/release-notes.vue b/docs/pages/release-notes.vue
@@ -1,12 +1,5 @@
 <script lang="ts" setup>
-defineOgImageComponent("Page", {
-  description: "Don't miss out on improvements and new features",
-});
-
-onMounted(async () => {
-  const locomotive = await import("locomotive-scroll");
-  new locomotive.default();
-});
+defineOgImageComponent("Page");
 </script>
 
 <template>