From 7a8cfba5a76dd7ce18ef5d638744e33fbc9032aa Mon Sep 17 00:00:00 2001
From: ReubenFrankel <60552974+ReubenFrankel@users.noreply.github.com>
Date: Fri, 15 Mar 2024 18:19:16 +0000
Subject: [PATCH] Auto-expand SDK settings detail section from link (#1707)

---
 src/components/PluginSettingsSection.vue | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/components/PluginSettingsSection.vue b/src/components/PluginSettingsSection.vue
index 48e722ac7..50d6281b8 100644
--- a/src/components/PluginSettingsSection.vue
+++ b/src/components/PluginSettingsSection.vue
@@ -10,7 +10,7 @@
       </p>
       <ul class="list-disc list-inside pl-4">
         <li v-for="(setting, index) in definedSettings()" v-bind:key="index">
-          <a :href="'#' + setting.name.replace(/\./g, '-') + '-setting'"
+          <a :href="getSettingHref(setting)"
             ><code>{{ setting.name }}</code></a
           >
         </li>
@@ -20,7 +20,7 @@
           <summary class="text-xl pb-4 pt-4 font-bold font-hg">Expand To Show SDK Settings</summary>
           <ul class="list-disc list-inside pl-4">
             <li v-for="(setting, index) in sdkSettings()" v-bind:key="index">
-              <a :href="'#' + setting.name.replace(/\./g, '-') + '-setting'"
+              <a :href="getSettingHref(setting)"
                 ><code>{{ setting.name }}</code></a
               >
             </li>
@@ -85,7 +85,9 @@
       </span>
 
       <div v-if="sdkSettings().length > 0">
-        <details>
+        <details
+          :open="sdkSettings().some((setting) => getSettingHref(setting) === this.$route.hash)"
+        >
           <summary class="text-2xl pb-4 pt-4 font-bold font-hg">
             Expand To Show SDK Settings
           </summary>
@@ -160,6 +162,9 @@ export default {
     sdkSettings() {
       return this.settings.filter((setting) => this.hardcodedValues.includes(setting.name));
     },
+    getSettingHref(setting) {
+      return `#${setting.name.replace(/\./g, "-")}-setting`;
+    },
   },
 };
 </script>