fix: formatting, overflow, link colors

Author: sharevb

components.d.ts

@@ -55,6 +55,8 @@ declare module '@vue/runtime-core' {
     ColoredCard: typeof import('./src/components/ColoredCard.vue')['default']
     CommandPalette: typeof import('./src/modules/command-palette/command-palette.vue')['default']
     CommandPaletteOption: typeof import('./src/modules/command-palette/components/command-palette-option.vue')['default']
+    CommonRegex: typeof import('./src/tools/common-regex-memo/common-regex.md')['default']
+    CommonRegexMemo: typeof import('./src/tools/common-regex-memo/common-regex-memo.vue')['default']
     CrontabGenerator: typeof import('./src/tools/crontab-generator/crontab-generator.vue')['default']
     CSelect: typeof import('./src/ui/c-select/c-select.vue')['default']
     'CSelect.demo': typeof import('./src/ui/c-select/c-select.demo.vue')['default']
@@ -132,6 +134,7 @@ declare module '@vue/runtime-core' {
     NConfigProvider: typeof import('naive-ui')['NConfigProvider']
     NDivider: typeof import('naive-ui')['NDivider']
     NEllipsis: typeof import('naive-ui')['NEllipsis']
+    NForm: typeof import('naive-ui')['NForm']
     NFormItem: typeof import('naive-ui')['NFormItem']
     NGi: typeof import('naive-ui')['NGi']
     NGrid: typeof import('naive-ui')['NGrid']
@@ -144,7 +147,9 @@ declare module '@vue/runtime-core' {
     NLayoutSider: typeof import('naive-ui')['NLayoutSider']
     NMenu: typeof import('naive-ui')['NMenu']
     NScrollbar: typeof import('naive-ui')['NScrollbar']
+    NSlider: typeof import('naive-ui')['NSlider']
     NSpin: typeof import('naive-ui')['NSpin']
+    NSwitch: typeof import('naive-ui')['NSwitch']
     NumeronymGenerator: typeof import('./src/tools/numeronym-generator/numeronym-generator.vue')['default']
     OtpCodeGeneratorAndValidator: typeof import('./src/tools/otp-code-generator-and-validator/otp-code-generator-and-validator.vue')['default']
     PasswordStrengthAnalyser: typeof import('./src/tools/password-strength-analyser/password-strength-analyser.vue')['default']

src/tools/common-regex-memo/common-regex-memo.vue

@@ -7,7 +7,7 @@ const themeVars = useThemeVars();
 
 <template>
   <div>
-    <Memo />
+    <Memo style="overflow-x: auto;" />
   </div>
 </template>
 
@@ -17,6 +17,9 @@ const themeVars = useThemeVars();
   padding: 15px 22px;
   background-color: v-bind('themeVars.cardColor');
   border-radius: 4px;
-  overflow: auto;
+  white-space: pre-wrap;
+}
+::v-deep(a) {
+  color: v-bind('themeVars.textColor3');
 }
 </style>