fix(nuxt): ensure all dir parts are present in component name

[baiwusanyu-c]

🔗 Linked issue

❓ Type of change

• 📖 Documentation (updates to the documentation, readme or JSdoc annotations)
• 🐞 Bug fix (a non-breaking change that fixes an issue)
• 👌 Enhancement (improving an existing functionality like performance)
• ✨ New feature (a non-breaking change that adds functionality)
• 🧹 Chore (updates to the build process or auxiliary tools and libraries)
• ⚠️ Breaking change (fix or feature that would cause existing functionality to change)

📚 Description

close: #20613

📝 Checklist

• I have linked an issue or discussion.
• I have updated the documentation accordingly.

[danielroe]

This looks great - thank you! ❤️

I've extracted your code into a separate helper function and wrote some unit tests to describe the behaviour I think we are expecting, and which isn't entirely working yet... What do you think?

[baiwusanyu-c]

@danielroe Thank you very much for your help. I think I misunderstood his rules and logic. Now I think we need to find the judgment condition and complete the prefixPart.

[baiwusanyu-c]

I added some tests based on the bug( ['Item', ['Item', 'Holder', 'Item'], 'ItemHolderItem']) and the test case you provided, and ran the original code and the original commit (3d6af90) separately, and found that they didn't pass the tests.

fileName	prefixParts	expected	original code	3d6af90
WithClientOnlySetup	['Client']	ClientWithClientOnlySetup	ClientWithClientOnlySetup✅	ClientWithClientOnlySetup ✅
ItemHolderItem	['Item', 'Holder', 'Item']	ItemHolderItem	ItemHolderItem✅	ItemHolderItemHolderItem❌
Item	['Item']	Item	Item✅	Item ✅
Item	['Item','Item']	Item	Item✅	ItemItem❌
ItemTest	['Item', 'Test']	ItemTest	ItemTest✅	ItemTest ✅
ThingItemTest	['Item', 'Thing']	ThingItemTest	ThingItemTest✅	ThingItemTest✅
Item	['Thing', 'Item']	ThingItem	ThingItem✅	ThingItem✅
Item	['Item', 'Holder', 'Item']	ItemHolderItem	Item❌	ItemHolderItem✅
ItemHolder	['Item', 'Holder', 'Item']	ItemHolderItemHolder	ItemHolder❌	ItemHolderItemHolder✅
ThingItemTest	['Item', 'Thing', 'Foo']	ItemThingFooThingItemTest	ItemThingItemTest❌	ItemThingItemTest❌
ItemIn	['Item', 'Holder', 'Item', 'In']	ItemHolderItemIn	ItemIn✅	ItemHolderItemIn✅
Item	['Item', 'Holder', 'Test']	ItemHolderTestItem	Item❌	Item❌
ItemHolderItem	['Item', 'Holder', 'Item', 'Holder']	ItemHolderItemHolderItem	ItemHolderItem❌	ItemHolderItemHolderItem✅

Especially ['Item', ['Item', 'Holder', 'Test'], 'ItemHolderTestItem'] and ['ThingItemTest', ['Item', 'Thing', 'Foo'], 'ItemThingFooThingItemTest ']

So I used startsWith to modify the matching implementation, but it still failed the test of ['Item', ['Item', 'Item'], 'Item'], so I added some judgments(08ad5de)) to ensure It passes the test and behaves the same as the original code