refactor!: default to pascal case

Author: sxzz

README.md

@@ -81,10 +81,12 @@ module.exports = {
 
 ## Usage
 
+Use pascal case named exports in Vue SFC.
+
 ```ts
-import { myComponent } from './MyComponent.vue'
-import { myCard } from './my-card.vue'
-import { myFooter } from './my_footer.vue'
+import { MyComponent } from './MyComponent.vue'
+import { MyCard } from './my-card.vue'
+import { MyFooter } from './my_footer.vue'
 ```
 
 ### Volar

src/core/utils.ts

@@ -1,6 +1,6 @@
 import path from 'node:path'
-import { camelCase } from 'change-case'
+import { pascalCase } from 'change-case'
 
 export function resolveName(id: string) {
-  return camelCase(path.basename(id, 'vue'))
+  return pascalCase(path.basename(id, 'vue'))
 }

tests/__snapshots__/basic.test.ts.snap

@@ -16,9 +16,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 
-const elCard = /* @__PURE__ */ _export_sfc(_sfc_main, [__FILE__]);
+const ElCard = /* @__PURE__ */ _export_sfc(_sfc_main, [__FILE__]);
 
-export { elCard };
+export { ElCard };
 "
 `;
 
@@ -35,9 +35,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 
-const upperCase = /* @__PURE__ */ _export_sfc(_sfc_main, [__FILE__]);
+const UpperCase = /* @__PURE__ */ _export_sfc(_sfc_main, [__FILE__]);
 
-export { upperCase };
+export { UpperCase };
 "
 `;
 
@@ -57,9 +57,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 
-const basic = /* @__PURE__ */ _export_sfc(_sfc_main, [__FILE__]);
+const Basic = /* @__PURE__ */ _export_sfc(_sfc_main, [__FILE__]);
 
-export { basic };
+export { Basic };
 "
 `;
 
@@ -79,9 +79,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 
-const elButton = /* @__PURE__ */ _export_sfc(_sfc_main, [__FILE__]);
+const ElButton = /* @__PURE__ */ _export_sfc(_sfc_main, [__FILE__]);
 
-export { elButton };
+export { ElButton };
 "
 `;
 
@@ -101,8 +101,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 
-const myButton = /* @__PURE__ */ _export_sfc(_sfc_main, [__FILE__]);
+const MyButton = /* @__PURE__ */ _export_sfc(_sfc_main, [__FILE__]);
 
-export { myButton };
+export { MyButton };
 "
 `;

tests/fixtures/main.ts

@@ -1,5 +1,5 @@
-export { basic } from './basic.vue'
-export { elCard } from './ElCard.vue'
-export { elButton } from './el-button.vue'
-export { myButton } from './my_button.vue'
-export { upperCase } from './UPPER-CASE.vue'
+export { Basic } from './basic.vue'
+export { ElCard } from './ElCard.vue'
+export { ElButton } from './el-button.vue'
+export { MyButton } from './my_button.vue'
+export { UpperCase } from './UPPER-CASE.vue'