স্বয়ংক্রিয় সম্পূর্ণতা
playground এবং VS Code extension-এ UnoCSS-এর বুদ্ধিমান সuggestions-এর জন্য স্বয়ংক্রিয় সম্পূর্ণতা কাস্টমাইজ করা যায়।
ts
autocomplete: {
templates: [
// theme inferring
'bg-$color/<opacity>',
// short hands
'text-<font-size>',
// logic OR groups
'(b|border)-(solid|dashed|dotted|double|hidden|none)',
// constants
'w-half',
],
shorthands: {
// equal to `opacity: "(0|10|20|30|40|50|60|70|90|100)"`
'opacity': Array.from({ length: 11 }, (_, i) => i * 10),
'font-size': '(xs|sm|base|lg|xl|2xl|3xl|4xl|5xl|6xl|7xl|8xl|9xl)',
// override built-in short hands
'num': '(0|1|2|3|4|5|6|7|8|9)',
},
extractors: [
// ...extractors
],
}templatesস্বয়ংক্রিয় সম্পূর্ণতার suggestions নির্দিষ্ট করতে একটি সাধারণ DSL ব্যবহার করে।shorthandsহল shorthand নামগুলির তাদের templates-এ একটি ম্যাপ। যদি এটি একটিArrayহয়, এটি একটি logic OR গ্রুপ হবে।extractorsসম্ভাব্য classes বাছাই করতে এবং class-name style suggestions সঠিক ফর্ম্যাটে রূপান্তর করতে। উদাহরণস্বরূপ, আপনি কীভাবে আমরা attributify autocomplete extractor বাস্তবায়ন করেছি তা দেখতে পারেনঅতিরিক্ত সাহায্যের জন্য, অনুগ্রহ করে এখানে রেফারেন্স করুন।