fix!: useCSSModule renamed to useCssModule to align with Vue 3, close #626

`useCSSModule` is depreacted.

Author: antfu

src/apis/index.ts

@@ -28,7 +28,7 @@ export * from './lifecycle'
 export * from './watch'
 export * from './computed'
 export * from './inject'
-export { useCSSModule } from './useCssModule'
+export { useCssModule, useCSSModule } from './useCssModule'
 export { createApp } from './createApp'
 export { nextTick } from './nextTick'
 export { createElement as h } from './createElement'

src/apis/useCssModule.ts

@@ -5,10 +5,10 @@ const EMPTY_OBJ: { readonly [key: string]: string } = __DEV__
   ? Object.freeze({})
   : {}
 
-export const useCSSModule = (name = '$style'): Record<string, string> => {
+export const useCssModule = (name = '$style'): Record<string, string> => {
   const instance = getCurrentInstance()
   if (!instance) {
-    __DEV__ && warn(`useCSSModule must be called inside setup()`)
+    __DEV__ && warn(`useCssModule must be called inside setup()`)
     return EMPTY_OBJ
   }
 
@@ -21,3 +21,8 @@ export const useCSSModule = (name = '$style'): Record<string, string> => {
 
   return mod as Record<string, string>
 }
+
+/**
+ * @deprecated use `useCssModule` instead.
+ */
+export const useCSSModule = useCssModule

test/apis/useCssModule.spec.js

@@ -1,5 +1,5 @@
 const Vue = require('vue/dist/vue.common.js')
-const { useCSSModule } = require('../../src')
+const { useCssModule } = require('../../src')
 
 const style = { whateverStyle: 'whateverStyle' }
 
@@ -20,7 +20,7 @@ describe('api/useCssModule', () => {
       },
       template: '<div>{{style}}</div>',
       setup() {
-        const style = useCSSModule()
+        const style = useCssModule()
         return { style }
       },
     })