fix: condition for determining 'recommended'

Author: y-hsgw

packages/website/src/theme/MDXComponents/RuleAttributes.tsx

@@ -1,4 +1,8 @@
 import type { ESLintPluginDocs } from '@typescript-eslint/eslint-plugin/use-at-your-own-risk/rules';
+import type {
+  RuleRecommendation,
+  RuleRecommendationAcrossConfigs,
+} from '@typescript-eslint/utils/ts-eslint';
 
 import Link from '@docusaurus/Link';
 import { useRulesMeta } from '@site/src/hooks/useRulesMeta';
@@ -34,11 +38,19 @@ const isRecommendedDocs = (
   docs: ESLintPluginDocs,
 ): docs is RecommendedRuleMetaDataDocs => !!docs.recommended;
 
+const resolveRecommendation = (
+  recommended: RuleRecommendationAcrossConfigs<unknown[]>,
+): RuleRecommendation => {
+  return recommended.recommended === true ? 'recommended' : 'strict';
+};
+
 const getRecommendation = (docs: RecommendedRuleMetaDataDocs): string[] => {
   const recommended = docs.recommended;
   const recommendation =
     recommendations[
-      typeof recommended === 'object' ? 'recommended' : recommended
+      typeof recommended === 'object'
+        ? resolveRecommendation(recommended)
+        : recommended
     ];
 
   return docs.requiresTypeChecking