feat: 新增「猫咪设置 > 窗口设置 > 镜像模式」配置项 (#66)

src/pages/cat/index.vue

@@ -36,5 +36,9 @@ const modeList: SelectProps['options'] = [
     <ProListItem title="透明度" vertical>
       <Slider v-model:value="catStore.opacity" class="m-0!" />
     </ProListItem>
+
+    <ProListItem title="镜像模式">
+      <Switch v-model:checked="catStore.mirrorMode" />
+    </ProListItem>
   </ProList>
 </template>

src/pages/main/index.vue

@@ -52,6 +52,7 @@ function resolveImageURL(key: string) {
 <template>
   <div
     class="relative children:(absolute h-screen w-screen)"
+    :class="[catStore.mirrorMode ? '-scale-x-100' : 'scale-x-100']"
     :style="{ opacity: catStore.opacity / 100 }"
     @mousedown="handleWindowDrag"
   >

src/stores/cat.ts

@@ -5,10 +5,12 @@ export const useCatStore = defineStore('cat', () => {
   const mode = ref<'standard' | 'keyboard'>('standard')
   const penetrable = ref(false)
   const opacity = ref(100)
+  const mirrorMode = ref(false)
 
   return {
     mode,
     penetrable,
     opacity,
+    mirrorMode,
   }
 })