diff --git a/package.json b/package.json
index 48a2670..3d2896a 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "front-next",
-	"version": "5.1.0",
+	"version": "5.1.1",
 	"scripts": {
 		"dev": "vite --host",
 		"build": "vite build",
diff --git a/src/modules/excel/components/export-btn.vue b/src/modules/excel/components/export-btn.vue
index b003a49..1f5a678 100644
--- a/src/modules/excel/components/export-btn.vue
+++ b/src/modules/excel/components/export-btn.vue
@@ -15,8 +15,10 @@
 </template>
 
 <script lang="ts">
+import { useCrud } from "@cool-vue/crud";
 import { defineComponent, inject, ref } from "vue";
 import { currentDate, export_json_to_excel } from "../utils";
+import { service } from "../../../cool/service/index";
 
 export default defineComponent({
 	name: "cl-export-btn",
@@ -52,7 +54,7 @@ export default defineComponent({
 
 	setup(props) {
 		const loading = ref<boolean>(false);
-		const crud = inject<any>("crud");
+		const Crud = useCrud();
 
 		async function getHeader(columns: any[], fields: any[]) {
 			return (
@@ -67,9 +69,9 @@ export default defineComponent({
 				if (props.data) {
 					return props.data;
 				} else {
-					return crud.service
+					return Crud.value?.service
 						.page({
-							...crud.paramsReplace(crud.params),
+							...Crud.value?.paramsReplace(Crud.value.params),
 							maxExportLimit: props.maxExportLimit,
 							isExport: true
 						})
diff --git a/vite.config.ts b/vite.config.ts
index 2182ed6..ec9cbb3 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -44,6 +44,13 @@ export default (): UserConfig => {
 			svgBuilder("./src/icons/svg/"),
 			cool()
 		],
+		css: {
+			preprocessorOptions: {
+				scss: {
+					charset: false
+				}
+			}
+		},
 		resolve: {
 			alias: {
 				"/@": resolve("src"),