fix: fix rule ordering bug

Author: HerringtonDarkholme

website/src/catalog/RuleItem.vue

@@ -33,17 +33,18 @@ const displayRuleCount = computed(() => {
   const maxRule = meta.features.length > 0 ? 2 : 5
   return Math.min(meta.rules.length, maxRule)
 })
+
+const sortedRules = computed(() => sortedOptions(meta.rules, filter.selectedRuleFilters))
 const displayedRules = computed(() => {
-  const result = sortedOptions(meta.rules, filter.selectedRuleFilters)
-  return result.slice(0, displayRuleCount.value)
+  return sortedRules.value.slice(0, displayRuleCount.value)
 })
-const moreRules = computed(() => meta.rules.slice(displayRuleCount.value))
+const moreRules = computed(() => sortedRules.value.slice(displayRuleCount.value))
 
+const sortedFeatures = computed(() => sortedOptions(meta.features, filter.selectedFeatures))
 const displayFeatures = computed(() => {
-  const result = sortedOptions(meta.features, filter.selectedFeatures)
-  return result.slice(0, 2)
+  return sortedFeatures.value.slice(0, 2)
 })
-const moreFeatures = computed(() => meta.features.slice(2))
+const moreFeatures = computed(() => sortedFeatures.value.slice(2))
 </script>
 
 <template>