Update DTDoc.vue

doc/theming/styled/utils/DTDoc.vue

@@ -1,6 +1,5 @@
 <template>
     <DocSectionText v-bind="$attrs">
-        <div class="notification mb-4">This is a proposed api for beta.2, and not yet available in beta.1.</div>
         <p>The <i>$dt</i> function returns the information about a token like the full path and value. This would be useful if you need to access tokens programmatically.</p>
     </DocSectionText>
     <DocSectionCode :code="code" hideToggleCode importCode hideStackBlitz />
@@ -12,43 +11,43 @@ export default {
         return {
             code: {
                 basic: `
-import { $dt } from 'primevue/themes'; 
+import { $dt } from 'primevue/themes';
 
 const duration = $dt('transition.duration');
-/* 
-  duration: {
-    name: '--transition-duration',
-    variable: 'var(--p-transition-duration)',
-    value: '0.2s'  
-  } 
+/*
+    duration: {
+        name: '--transition-duration',
+        variable: 'var(--p-transition-duration)',
+        value: '0.2s'
+    }
 */
 
 const primaryColor = $dt('primary.color');
 /*
-  primaryColor: {
-    name: '--primary-color',
-    variable: 'var(--p-primary-color)',
-    value: {
-      light: {
-        value: '#10b981',
-        path: {
-            name: 'semantic.primary.color',
-            binding: {
-                name: 'primitive.emerald.500'
+    primaryColor: {
+        name: '--primary-color',
+        variable: 'var(--p-primary-color)',
+        value: {
+        light: {
+            value: '#10b981',
+            paths: {
+                name: 'semantic.primary.color',
+                binding: {
+                    name: 'primitive.emerald.500'
+                }
+            }
+        },
+        dark: {
+            value: '#34d399',
+            paths: {
+                name: 'semantic.primary.color',
+                binding: {
+                    name: 'primitive.emerald.400'
+                }
             }
         }
-      },
-      dark: {
-        value: '#34d399',
-        path: {
-            name: 'semantic.primary.color',
-            binding: {
-                name: 'primitive.emerald.400'
-            }
-        }
-      }
     }
-  } 
+}
 */
 `
             }