feat(api-reference): request example block (scalar#6278)

* Revert "fix(api-reference): rollback store (scalar#6269)"

This reverts commit 8c6f6fe.

* docs(changeset): refactor: new request example block

Author: hanspagel

.changeset/healthy-snakes-jump.md

@@ -0,0 +1,5 @@
+---
+'@scalar/api-reference': patch
+---
+
+refactor: new request example block

packages/api-reference/src/blocks/hooks/useBlockProps.test.ts

@@ -19,10 +19,7 @@ import {
   hasObtrusiveScrollbars,
   type ThemeId,
 } from '@scalar/themes'
-import {
-  apiReferenceConfigurationSchema,
-  type ApiReferenceConfiguration,
-} from '@scalar/types/api-reference'
+import { apiReferenceConfigurationSchema } from '@scalar/types/api-reference'
 import type { Spec } from '@scalar/types/legacy'
 import { useBreakpoints } from '@scalar/use-hooks/useBreakpoints'
 import { ScalarToasts, useToasts } from '@scalar/use-toasts'
@@ -54,7 +51,6 @@ import { useNavState } from '@/hooks/useNavState'
 import { downloadDocument, downloadEventBus } from '@/libs/download'
 import { createEmptySpecification } from '@/libs/openapi'
 import { createPluginManager, PLUGIN_MANAGER_SYMBOL } from '@/plugins'
-import { useHttpClientStore } from '@/stores/useHttpClientStore'
 import type {
   ReferenceLayoutProps,
   ReferenceLayoutSlot,
@@ -296,27 +292,6 @@ provide(
   }),
 )
 
-/** Helper utility to map configuration props to the ApiReference internal state */
-function mapConfigToState<K extends keyof ApiReferenceConfiguration>(
-  key: K,
-  setter: (val: NonNullable<ApiReferenceConfiguration[K]>) => any,
-) {
-  watch(
-    () => configuration.value[key],
-    (newValue) => {
-      if (typeof newValue !== 'undefined') {
-        setter(newValue)
-      }
-    },
-    { immediate: true },
-  )
-}
-
-// Hides any client snippets from the references
-const { setExcludedClients, setDefaultHttpClient } = useHttpClientStore()
-mapConfigToState('defaultHttpClient', setDefaultHttpClient)
-mapConfigToState('hiddenClients', setExcludedClients)
-
 const themeStyleTag = computed(
   () => `<style>
   ${getThemeStyles(configuration.value.theme, {

packages/api-reference/src/blocks/hooks/useBlockProps.ts

@@ -7,10 +7,10 @@ import type { OpenAPIV3_1 } from '@scalar/openapi-types'
 import type { Spec } from '@scalar/types/legacy'
 import { computed } from 'vue'
 
+import { ClientLibraries } from '@/components/Content/ClientLibraries'
 import { BaseUrl } from '@/features/base-url'
 import { useConfig } from '@/hooks/useConfig'
 
-import { ClientLibraries } from './ClientLibraries'
 import { Introduction } from './Introduction'
 import { Loading } from './Lazy'
 import { Models, ModelsAccordion } from './Models'