Update Vize packages (#736)

* Update Vize packages

* update

* Update Vize packages to 0.182.0

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

* fix: resolve typecheck and test failures with Vize 0.182.0

- AppLogoMark.vue: use explicit closing tags for SVG <path> elements
- DirectoryView.vue: extract sort toggle to function to avoid type narrowing leak
- vite.config.ts: add OxlintConfig type annotation, fix dual-package PluginOption type conflict
- AppHeader.test.ts: use flushPromises and test data-color-scheme attribute

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

* style: format AppLogoMark.vue

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: yamanoku <0910yama@gmail.com>
Co-authored-by: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: 3 people

app/components/AppHeader.test.ts

@@ -1,5 +1,5 @@
 import { renderToString } from "@vue/server-renderer";
-import { mount } from "@vue/test-utils";
+import { flushPromises, mount } from "@vue/test-utils";
 import { createSSRApp, nextTick } from "vue";
 import { afterEach, describe, expect, it } from "vite-plus/test";
 import AppHeader from "./AppHeader.vue";
@@ -22,14 +22,13 @@ describe("AppHeader", () => {
   it("保存済みの配色設定をマウント後に反映する", async () => {
     localStorage.setItem(STORAGE_KEY, "light");
 
-    const wrapper = mount(AppHeader);
+    const wrapper = mount(AppHeader, { attachTo: document.body });
+    await flushPromises();
     await nextTick();
 
-    const select = wrapper.find("select").element as HTMLSelectElement;
-    expect(select.value).toBe("light");
+    // scheme が localStorage から復元され、DOM に反映されていることを確認
     expect(document.documentElement.getAttribute("data-color-scheme")).toBe("light");
 
-    await wrapper.find("select").setValue("system");
     wrapper.unmount();
   });
 });

app/components/AppLogoMark.vue

@@ -6,10 +6,13 @@
     viewBox="0 0 51.22 89.73"
     xmlns="http://www.w3.org/2000/svg"
   >
-    <path d="M25.61,10.25L31.52,0h19.7l-25.61,44.35L0,0h19.7l5.91,10.25Z" fill="var(--accent)" />
+    <path
+      d="M25.61,10.25L31.52,0h19.7l-25.61,44.35L0,0h19.7l5.91,10.25Z"
+      fill="var(--accent)"
+    ></path>
     <path
       d="M26.19,89.73c12.25,0,22.19-9.93,22.19-22.19s-9.93-22.19-22.19-22.19-22.19,9.93-22.19,22.19,9.93,22.19,22.19,22.19Z"
       fill="var(--accent)"
-    />
+    ></path>
   </svg>
 </template>

app/components/DirectoryView.vue

@@ -85,6 +85,10 @@ function toggleRow(name: string) {
   else next.add(name);
   openRows.value = next;
 }
+
+function toggleNameSort() {
+  sort.value = sort.value === "name-asc" ? "name-desc" : "name-asc";
+}
 </script>
 
 <template>
@@ -132,7 +136,7 @@ function toggleRow(name: string) {
               ? 'bg-ink text-paper border-ink'
               : 'border-rule text-ink-2 hover:text-ink hover:border-ink'
           "
-          @click="sort = sort === 'name-asc' ? 'name-desc' : 'name-asc'"
+          @click="toggleNameSort()"
         >
           Name {{ sort === "name-desc" ? "Z→A" : "A→Z" }}
         </button>