A:增加Pinia使用和调用

Shell/bin/Debug/net8.0-windows/Shell.exe.WebView2/EBWebView/Default/Preferences

@@ -0,0 +1 @@
+{"aadc_info":{"age_group":0},"account_tracker_service_last_update":"13391593140668297","alternate_error_pages":{"backup":true},"autocomplete":{"retention_policy_last_version":136},"autofill":{"last_version_deduped":136},"browser":{"app_window_placement":{"EdgeDevToolsApp":{"always_on_top":false,"bottom":984,"left":697,"maximized":false,"right":1669,"top":338,"work_area_bottom":1081,"work_area_left":0,"work_area_right":1797,"work_area_top":0}},"available_dark_theme_options":"All","has_seen_welcome_page":false,"recent_theme_color_list":[4293914607.0,4293914607.0,4293914607.0,4293914607.0,4293914607.0],"user_level_features_context":{}},"browser_content_container_height":363,"browser_content_container_width":690,"browser_content_container_x":0,"browser_content_container_y":0,"commerce_daily_metrics_last_update_time":"13391593140667172","countryid_at_install":21843,"credentials_enable_service":false,"devtools":{"last_open_timestamp":"13391597664421","preferences":{"EdgeDevToolsLayoutInfo":{"current_dock_state":0,"horizontal_size":300,"showEmulationMode":false,"vertical_size":555},"closeable-tabs":"{\"security\":true,\"heap-profiler\":true,\"resources\":true,\"lighthouse\":true,\"welcome\":true,\"timeline\":true,\"network\":true,\"cssoverview\":true,\"issues-pane\":true}","cloud-release-notes":"{\"edgeVersion\":136,\"shouldOpenWelcome\":false,\"help\":[{\"title\":\"DevTools documentation\",\"linkId\":\"2196640\",\"localizedAnnouncementKey\":\"helpCard1\",\"iconName\":\"edge-documentation_book_filled\"},{\"title\":\"Overview of all tools\",\"linkId\":\"2196549\",\"localizedAnnouncementKey\":\"helpCard2\",\"iconName\":\"edge-developer-resources\"},{\"title\":\"Use Copilot to explain Console errors\",\"linkId\":\"2257416\",\"localizedAnnouncementKey\":\"helpCard3\",\"iconName\":\"edge-copilot\"},{\"title\":\"Debug DOM memory leaks with Detached Elements \",\"linkId\":\"2196550\",\"localizedAnnouncementKey\":\"helpCard4\",\"iconName\":\"edge-airlock\"},{\"title\":\"Videos about web development with Microsoft Edge\",\"linkId\":\"2196701\",\"localizedAnnouncementKey\":\"helpCard5\",\"iconName\":\"edge-run_command\"},{\"title\":\"Accessibility testing features\",\"linkId\":\"2196801\",\"localizedAnnouncementKey\":\"helpCard6\",\"iconName\":\"edge-documentation_book_filled\"},{\"title\":\"Use the Console tool to track down problems\",\"linkId\":\"2196702\",\"localizedAnnouncementKey\":\"helpCard7\",\"iconName\":\"edge-console\"},{\"title\":\"Modify and debug JS with the Sources tool\",\"linkId\":\"2196900\",\"localizedAnnouncementKey\":\"helpCard8\",\"iconName\":\"edge-sources\"},{\"title\":\"Find source files for a page using the search tool\",\"linkId\":\"2196802\",\"localizedAnnouncementKey\":\"helpCard9\",\"iconName\":\"edge-sources-search-sources-tab\"},{\"title\":\"Microsoft Edge DevTools for Visual Studio Code\",\"linkId\":\"2196901\",\"localizedAnnouncementKey\":\"helpCard10\",\"iconName\":\"edge-help_tooltips\"}],\"releaseNotes\":[{\"title\":\"Forced reflow in the Performance Insights sidebar\",\"subtitle\":\"View the top function call and its total reflow time in your performance trace.\",\"linkId\":\"2307172\",\"localizedAnnouncementKey\":\"edgeAnnouncement1\"},{\"title\":\"Heap snapshot statistics account for every byte\",\"subtitle\":\"View a memory allocation pie chart of your heap snapshot under Statistics.\",\"linkId\":\"2307173\",\"localizedAnnouncementKey\":\"edgeAnnouncement2\"},{\"title\":\"Simplified DevTools Themes menu\",\"subtitle\":\"Change DevTools theme by clicking Customize and control DevTools > Themes. Choose from Light or Dark.\",\"linkId\":\"2306660\",\"localizedAnnouncementKey\":\"edgeAnnouncement3\"}],\"header\":{\"localizedKey\":\"highlightsFromTheLatestMicrosoft\",\"title\":\"What's New\"},\"learnHeader\":{\"localizedKey\":\"learnHeader\",\"title\":\"Learn\"},\"allAnnouncementsLinkText\":{\"localizedKey\":\"allAnnouncementsLinkText\",\"title\":\"View all\"},\"whatsNewVideo\":{\"title\":\"What's New in DevTools 115 - 125\",\"subtitle\":\"Check out our video series on the latest and greatest features in DevTools!\",\"linkId\":\"26zDq9Xhz7k\",\"imageName\":\"whats-new-115-125-thumbnail.jpg\",\"imageAltText\":\"A title card for the Microsoft Edge: What's New in DevTools 115 - 125 video\",\"localizedKey\":\"whatsNewVideo\"},\"viewAllLinkId\":\"2307171\",\"localized\":{\"en-US\":{\"panels/edge_welcome/ReleaseNotes.ts | helpCard1\":{\"message\":\"DevTools documentation\",\"description\":\"Title of a help link in a list of help section.\"},\"panels/edge_welcome/ReleaseNotes.ts | helpCard2\":{\"message\":\"Overview of all tools\",\"description\":\"Title of a help link in a list of help section.\"},\"panels/edge_welcome/ReleaseNotes.ts | helpCard3\":{\"message\":\"Use Copilot to explain Console errors\",\"description\":\"Title of a help link in a list of help section.\"},\"panels/edge_welcome/ReleaseNotes.ts | helpCard4\":{\"message\":\"Debug DOM memory leaks with Detached Elements \",\"descripLine truncated