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>