From 51fb0cbf8ca389f76a4ce65d84029b4b58a0d2a0 Mon Sep 17 00:00:00 2001
From: Romkar <romkarx@gmail.com>
Date: Fri, 3 Mar 2023 19:39:38 +0300
Subject: [PATCH] fix bugs

---
 examples/todomvc.html | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/examples/todomvc.html b/examples/todomvc.html
index eb587c8..b8938d2 100644
--- a/examples/todomvc.html
+++ b/examples/todomvc.html
@@ -9,7 +9,7 @@
 </style>
 
 <script type="module">
-  import { createApp } from '../src'
+  import { createApp } from 'https://unpkg.com/petite-vue?module'
 
   const STORAGE_KEY = 'todos-petite-vue'
   const todoStorage = {
@@ -132,7 +132,7 @@
   }).mount('#app')
 </script>
 
-<div id="app" @mounted="setupRouting" v-effect="save()" v-cloak>
+<div id="app" @vue:mounted="setupRouting" v-effect="save()" v-cloak>
   <section class="todoapp">
     <header class="header">
       <h1>todos</h1>
@@ -184,17 +184,17 @@ <h1>todos</h1>
       </span>
       <ul class="filters">
         <li>
-          <a href="#/all" :class="{ selected: visibility === 'all' }">All</a>
+          <a href="#/all" @click="visibility = 'all'" :class="{ selected: visibility === 'all' }">All</a>
         </li>
         <li>
-          <a href="#/active" :class="{ selected: visibility === 'active' }"
+          <a href="#/active" @click="visibility = 'active'" :class="{ selected: visibility === 'active' }"
             >Active</a
           >
         </li>
         <li>
           <a
             href="#/completed"
-            :class="{ selected: visibility === 'completed' }"
+            @click="visibility = 'completed'" :class="{ selected: visibility === 'completed' }"
             >Completed</a
           >
         </li>