fix: @click-button -> @click && format: 使っていないcssのクラスを削除

traPtitech · Dec 17, 2024 · c39f0b8 · c39f0b8
1 parent 8b7a604
commit c39f0b8
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 30 deletions.
diff --git a/components/response-form-base/button-element.vue b/components/response-form-base/button-element.vue
@@ -1,16 +1,12 @@
 <script lang="ts" setup>
-const emit = defineEmits<{ (e: 'clickButton'): void }>();
 
 const props = defineProps<{
     isOutline: boolean
 }>();
-const handleClick = () => {
-  emit('clickButton');
-};
 </script>
 
 <template>
-  <Button :outlined="props.isOutline" class="form-action-button" @click="handleClick">
+  <Button :outlined="props.isOutline" class="form-action-button">
     <slot />
   </Button>
 </template>

diff --git a/components/response-form-base/response-form-base.vue b/components/response-form-base/response-form-base.vue
@@ -152,7 +152,7 @@ const handleSend = () => {
     'send',
     convertResponseSettingsToResponseFormBody(responseSettings.value),
   );
-  props.sendApi(responseSettings.value)
+  props.sendApi(responseSettings.value);
 };
 
 const handleSave = () => {
@@ -195,12 +195,12 @@ const handleSave = () => {
       <ButtonElement
         v-if="$slots.saveButton"
         :is-outline="true"
-        @click-button="handleSave"
+        @click="handleSave"
       >
         <Icon name="mdi:content-save" size="24px" />
         <slot name="saveButton" />
       </ButtonElement>
-      <ButtonElement :is-outline="false" @click-button="handleSend">
+      <ButtonElement :is-outline="false" @click="handleSend">
         <Icon name="mdi:send" size="24px" />
         <slot name="sendButton" />
       </ButtonElement>
@@ -244,12 +244,7 @@ const handleSave = () => {
   transform: translateX(832px);
 }
 
-.form-action-button {
-  display: inline-flex;
-  align-items: center;
-  gap: 8px;
-  font-weight: bold;
-}
+
 
 @media screen and (max-width: 1300px) {
   .form-action-buttons {
@@ -264,14 +259,6 @@ const handleSave = () => {
     padding-right: 0;
   }
 }
-
-.form-action-button {
-  display: inline-flex;
-  align-items: center;
-  gap: 8px;
-  font-weight: bold;
-}
-
 @media screen and (max-width: $breakpoint-sm) {
   .form-action-buttons {
     flex-direction: column;

diff --git a/pages/questionnaires/[questionnaireID]/responses/new.vue b/pages/questionnaires/[questionnaireID]/responses/new.vue
@@ -61,10 +61,12 @@ const formSettings: ResponseFormQuestionnaireFormSettings = {
     },
   ],
 };
-const newResponseAPI = (_responseSettings: ResponseFormQuestionnaireFormSettings) => {
-  console.log("response created")
-  console.log(_responseSettings)
-}
+const newResponseAPI = (
+  _responseSettings: ResponseFormQuestionnaireFormSettings,
+) => {
+  console.log('response created');
+  console.log(_responseSettings);
+};
 </script>
 
 <template>

diff --git a/pages/responses/[responseID]/edit.vue b/pages/responses/[responseID]/edit.vue
@@ -63,10 +63,12 @@ const formSettings: ResponseFormQuestionnaireFormSettings = {
   ],
 };
 
-const editResponseAPI = (_responseSettings: ResponseFormQuestionnaireFormSettings) => {
-  console.log("response edited")
-  console.log(_responseSettings)
-}
+const editResponseAPI = (
+  _responseSettings: ResponseFormQuestionnaireFormSettings,
+) => {
+  console.log('response edited');
+  console.log(_responseSettings);
+};
 </script>
 
 <template>