Skip to content

Commit a77d147

Browse files
committed
update vue-vapor
1 parent 76e0b8e commit a77d147

File tree

8 files changed

+959
-1511
lines changed

8 files changed

+959
-1511
lines changed

frameworks/keyed/vue-vapor/package.json

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -13,11 +13,10 @@
1313
"preview": "vite preview"
1414
},
1515
"dependencies": {
16-
"vue": "npm:@vue-vapor/vue@latest"
16+
"vue": "https://pkg.pr.new/vuejs/core-vapor/vue@884c190"
1717
},
1818
"devDependencies": {
19-
"@vitejs/plugin-vue": "npm:@vue-vapor/vite-plugin-vue@latest",
20-
"vite": "^5.2.9",
21-
"vite-plugin-inspect": "^0.8.5"
19+
"@vitejs/plugin-vue": "https://pkg.pr.new/@vitejs/plugin-vue@d8e849f",
20+
"vite": "^5.4.6"
2221
}
2322
}

frameworks/keyed/vue-vapor/pnpm-lock.yaml

Lines changed: 215 additions & 411 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

frameworks/keyed/vue-vapor/src/App.vue

Lines changed: 8 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -51,20 +51,9 @@ function swapRows() {
5151
const d998 = _rows[998];
5252
_rows[1] = d998;
5353
_rows[998] = d1;
54-
triggerRef(rows)
54+
triggerRef(rows);
5555
}
5656
}
57-
58-
// Reduce the complexity of `selected` from O(n) to O(1).
59-
function createSelector(source) {
60-
const cache = {}
61-
watch(source, (val, old) => {
62-
if (old != undefined) cache[old].value = false
63-
if (val != undefined) cache[val].value = true
64-
})
65-
return id => (cache[id] ??= shallowRef(false)).value
66-
}
67-
const isSelected = createSelector(selected)
6857
</script>
6958

7059
<template>
@@ -103,7 +92,13 @@ const isSelected = createSelector(selected)
10392
</div>
10493
<table class="table table-hover table-striped test-data">
10594
<tbody>
106-
<tr v-for="row of rows" :key="row.id" :class="{ danger: isSelected(row.id) }" :data-label="row.label">
95+
<tr
96+
v-for="row of rows"
97+
:key="row.id"
98+
:class="{ danger: selected === row.id }"
99+
:data-label="row.label.value"
100+
v-memo="[row.label.value, row.id === selected]"
101+
>
107102
<td class="col-md-1">{{ row.id }}</td>
108103
<td class="col-md-4">
109104
<a @click="select(row.id)">{{ row.label.value }}</a>

frameworks/keyed/vue-vapor/vite.config.js

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,8 @@
11
import { defineConfig } from "vite";
22
import vue from "@vitejs/plugin-vue";
3-
import Inspect from 'vite-plugin-inspect'
43

54
export default defineConfig({
6-
plugins: [vue(), Inspect()],
5+
plugins: [vue()],
76
build: {
87
rollupOptions: {
98
input: "src/main.js",

0 commit comments

Comments
 (0)