fix API hint in data-menu to access viewer (#3695)

Author: kecnry

CHANGES.rst

@@ -4,7 +4,7 @@
 New Features
 ------------
 
-- The Markers plugin now includes a Distance Tool to interactively measure and log pixel, on-sky, and axis-separated (dx, dy) 
+- The Markers plugin now includes a Distance Tool to interactively measure and log pixel, on-sky, and axis-separated (dx, dy)
   distances between points in any viewer. [#3609]
 
 - The Plot Options plugin now highlights the tab for the active (top-most) data layer
@@ -167,6 +167,8 @@ Bug Fixes
   transform does not use units, which was previously causing issues when
   aligning by WCS. [#3658]
 
+- Fixed API hints for viewers in the data-menu. [#3695]
+
 Cubeviz
 ^^^^^^^
 

jdaviz/configs/default/plugins/data_menu/data_menu.vue

@@ -62,7 +62,7 @@
             <v-list-item v-if="api_hints_enabled" style="min-height: 12px">
               <v-list-item-content>
                 <span class="api-hint">
-                  <b>dm = {{ api_hints_obj }}.viewers['{{viewer_id}}'].data_menu</b>
+                  <b>dm = {{ api_hints_obj }}.viewers['{{viewer_reference}}'].data_menu</b>
                 </span>
               </v-list-item-content>
             </v-list-item>
@@ -189,9 +189,9 @@
                   </span>
                 </v-list-item-content>
                 <v-list-item-action>
-                  <j-tooltip 
+                  <j-tooltip
                     :tooltipcontent="api_hints_enabled ? '' : item.is_sonified ? 'Toggle sonification' :'Toggle visibility'"
-                  > 
+                  >
                     <plugin-switch
                       :value="item.visible"
                       @click="(value) => {set_layer_visibility({layer: item.label, value: value})}"