feat(config): add loading indicator toggle

Signed-off-by: ZTL-UwU <[email protected]>
ZTL-UwU · Aug 11, 2024 · c850104 · c850104
1 parent 1a4a8f0
commit c850104
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 1 deletion.
diff --git a/app.vue b/app.vue
@@ -1,5 +1,5 @@
 <template>
-  <NuxtLoadingIndicator :color="false" class="z-100 bg-primary80" />
+  <NuxtLoadingIndicator :color="false" class="z-100 bg-primary/80" />
   <ConfigProvider :use-id="useIdFunction">
     <LayoutHeader />
 

diff --git a/composables/useConfig.ts b/composables/useConfig.ts
@@ -12,6 +12,7 @@ const defaultConfig: DefaultConfig = {
     radius: 0.5,
   },
   header: {
+    showLoadingIndicator: true,
     title: 'shadcn-docs',
     showTitle: true,
     logo: {

diff --git a/content/2.api/1.configuration/1.shadcn-docs.md b/content/2.api/1.configuration/1.shadcn-docs.md
@@ -74,6 +74,9 @@ interface INav {
 ## `header`
 
 ::field-group
+  ::field{name="showLoadingIndicator" type="boolean" defaultValue="true"}
+  Whether to show the nuxt loading indicator.
+  ::
   ::field{name="title" type="string"}
   The title shown on the header next to the icon.
   ::
@@ -200,6 +203,7 @@ const defaultConfig: DefaultConfig = {
     radius: 0.5,
   },
   header: {
+    showLoadingIndicator: true,
     title: 'shadcn-docs',
     showTitle: true,
     logo: {
@@ -221,6 +225,7 @@ const defaultConfig: DefaultConfig = {
     showTitle: true,
     codeCopyToast: true,
     codeCopyToastText: 'Copied to clipboard!',
+    fieldRequiredText: 'required',
     padded: true,
     codeIcon: {
       'package.json': 'vscode-icons:file-type-node',

diff --git a/types/index.d.ts b/types/index.d.ts
@@ -10,6 +10,7 @@ interface DefaultConfig {
     radius: number;
   };
   header: {
+    showLoadingIndicator: boolean;
     title: string;
     showTitle: boolean;
     border: boolean;