Skip to content

Commit 67626e1

Browse files
OrbisKOrbisK
authored
feat: upgrade deps (#23)
* feat: update deps * chore: remove vite rolldown for now * chore: enable vite rolldown again * chore: pin rolldown * fix: correct report tooltip * chore(deps): upgrade @vueuse packages to version 14.1.0
1 parent 1ba556a commit 67626e1

File tree

7 files changed

+4251
-3368
lines changed

7 files changed

+4251
-3368
lines changed

‎app/app.vue‎

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,7 @@
11
<template>
2-
<NuxtLayout>
3-
<NuxtPage />
4-
</NuxtLayout>
2+
<UApp>
3+
<NuxtLayout>
4+
<NuxtPage />
5+
</NuxtLayout>
6+
</UApp>
57
</template>

‎app/assets/css/main.css‎

Lines changed: 0 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,2 @@
11
@import "tailwindcss";
22
@import "@nuxt/ui";
3-
4-
:root {
5-
--header-height: 4rem;
6-
}

‎app/layouts/default.vue‎

Lines changed: 39 additions & 71 deletions
Original file line numberDiff line numberDiff line change
@@ -50,11 +50,13 @@ const prod = useRouteQuery<string, boolean>('prod', 'false', {
5050
transform: stringToBooleanTransformer,
5151
})
5252
53-
const currentHref = shallowRef(window?.location?.href)
53+
const r = useRequestURL()
54+
55+
const currentHref = shallowRef(r.href)
5456
const route = useRoute()
5557
5658
watch(() => route.fullPath, () => {
57-
currentHref.value = window?.location?.href
59+
currentHref.value = r.href
5860
})
5961
6062
const issueLink = computed(() => {
@@ -63,18 +65,20 @@ const issueLink = computed(() => {
6365
</script>
6466

6567
<template>
66-
<UApp>
67-
<header class="flex items-center justify-between px-6 h-(--header-height)">
68-
<div class="flex gap-2 items-center">
68+
<div>
69+
<UHeader>
70+
<template #left>
6971
<UIcon name="i-logos-vueuse" class="size-8" />VueUse Playground
70-
</div>
71-
72-
<div class="hidden lg:flex gap-2 items-center">
73-
<USwitch v-model="ssr" label="SSR" />
74-
<USwitch v-model="prod" label="Prod" />
75-
<USelectMenu v-model="vueUseVersion" :items="vueUseVersionsSorted" class="w-32" icon="i-logos-vueuse" :loading="loadingVersions" />
76-
<USelectMenu v-model="vueVersion" :items="vueVersionsSorted" class="w-32" icon="i-logos-vue" :loading="loadingVersions" />
77-
<UButton icon="i-lucide-refresh-ccw" size="md" color="primary" variant="soft" @click="() => fetchVersions()" />
72+
</template>
73+
74+
<template #right>
75+
<div class="hidden lg:flex gap-2 items-center">
76+
<USwitch v-model="ssr" label="SSR" />
77+
<USwitch v-model="prod" label="Prod" />
78+
<USelectMenu v-model="vueUseVersion" virtualize :items="vueUseVersionsSorted" class="w-32" icon="i-logos-vueuse" :loading="loadingVersions" />
79+
<USelectMenu v-model="vueVersion" virtualize :items="vueVersionsSorted" class="w-32" icon="i-logos-vue" :loading="loadingVersions" />
80+
<UButton icon="i-lucide-refresh-ccw" size="md" color="primary" variant="soft" @click="() => fetchVersions()" />
81+
</div>
7882
<UButton
7983
color="neutral" variant="ghost"
8084
:icon="colorMode.preference === 'dark' ? 'i-heroicons-moon' : 'i-heroicons-sun'"
@@ -93,68 +97,32 @@ const issueLink = computed(() => {
9397
/>
9498
</UTooltip>
9599
<UTooltip text="Report an issue on GitHub">
96-
<ClientOnly>
97-
<UButton
98-
color="neutral"
99-
variant="ghost"
100-
:to="issueLink"
101-
target="_blank"
102-
icon="i-pajamas-issue-new"
103-
aria-label="Issue via GitHub"
104-
/>
105-
</ClientOnly>
106-
</UTooltip>
107-
</div>
108-
<div class="lg:hidden">
109-
<UButton
110-
color="neutral" variant="ghost"
111-
:icon="colorMode.preference === 'dark' ? 'i-heroicons-moon' : 'i-heroicons-sun'"
112-
aria-label="color mode"
113-
@click="toggleColorMode"
114-
/>
115-
<UTooltip text="Open on GitHub">
116100
<UButton
117101
color="neutral"
118102
variant="ghost"
119-
to="https://github.com/vueuse"
103+
:to="issueLink"
120104
target="_blank"
121-
icon="i-simple-icons-github"
122-
aria-label="GitHub"
105+
icon="i-pajamas-issue-new"
106+
aria-label="Issue via GitHub"
123107
/>
124108
</UTooltip>
125-
<USlideover title="Settings">
126-
<UButton icon="i-lucide-menu" color="neutral" variant="outline" />
127-
<template #body>
128-
<section class="flex flex-col gap-2 items-center justify-center">
129-
<div class="flex gap-2">
130-
<USwitch v-model="ssr" label="SSR" />
131-
<USwitch v-model="prod" label="Prod" />
132-
</div>
133-
<div class="flex gap-2">
134-
<USelectMenu v-model="vueUseVersion" :items="vueUseVersionsSorted" class="w-32" icon="i-logos-vueuse" :loading="loadingVersions" />
135-
<USelectMenu v-model="vueVersion" :items="vueVersionsSorted" class="w-32" icon="i-logos-vue" :loading="loadingVersions" />
136-
<UButton icon="i-lucide-refresh-ccw" size="md" color="primary" variant="soft" @click="() => fetchVersions()" />
137-
</div>
138-
<ClientOnly>
139-
<UButton
140-
color="neutral"
141-
variant="ghost"
142-
:to="issueLink"
143-
target="_blank"
144-
icon="i-pajamas-issue-new"
145-
aria-label="Issue via GitHub"
146-
>
147-
Report an issue on GitHub
148-
</UButton>
149-
</ClientOnly>
150-
</section>
151-
</template>
152-
</USlideover>
153-
</div>
154-
</header>
155-
156-
<main class="h-[calc(100vh-var(--header-height))]">
157-
<NuxtPage />
158-
</main>
159-
</UApp>
109+
</template>
110+
<template #body>
111+
<section class="flex flex-col gap-2 items-center justify-center">
112+
<div class="flex gap-2">
113+
<USwitch v-model="ssr" label="SSR" />
114+
<USwitch v-model="prod" label="Prod" />
115+
</div>
116+
<div class="flex gap-2">
117+
<USelectMenu v-model="vueUseVersion" :items="vueUseVersionsSorted" class="w-32" icon="i-logos-vueuse" :loading="loadingVersions" />
118+
<USelectMenu v-model="vueVersion" :items="vueVersionsSorted" class="w-32" icon="i-logos-vue" :loading="loadingVersions" />
119+
<UButton icon="i-lucide-refresh-ccw" size="md" color="primary" variant="soft" @click="() => fetchVersions()" />
120+
</div>
121+
</section>
122+
</template>
123+
</UHeader>
124+
<UMain class="h-[calc(100vh-var(--ui-header-height))]">
125+
<slot />
126+
</UMain>
127+
</div>
160128
</template>

‎nuxt.config.ts‎

Lines changed: 0 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -3,9 +3,6 @@ export default defineNuxtConfig({
33
compatibilityDate: '2024-11-01',
44
devtools: { enabled: true },
55
sourcemap: false,
6-
future: {
7-
compatibilityVersion: 4,
8-
},
96
modules: ['@nuxt/ui', '@nuxt/eslint', '@vueuse/nuxt'],
107
eslint: {
118
config: {

‎package.json‎

Lines changed: 23 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
"name": "@vueuse/playground",
33
"type": "module",
44
"private": true,
5-
"packageManager": "pnpm@10.7.1+sha512.2d92c86b7928dc8284f53494fb4201f983da65f0fb4f0d40baafa5cf628fa31dae3e5968f12466f17df7e97310e30f343a648baea1b9b350685dafafffdf5808",
5+
"packageManager": "pnpm@10.25.0",
66
"scripts": {
77
"build": "ROLLDOWN_OPTIONS_VALIDATION=loose nuxt build",
88
"dev": "ROLLDOWN_OPTIONS_VALIDATION=loose nuxt dev",
@@ -13,26 +13,27 @@
1313
"lint:fix": "eslint --fix"
1414
},
1515
"devDependencies": {
16-
"@antfu/eslint-config": "^4.11.0",
17-
"@iconify-json/logos": "^1.2.4",
18-
"@nuxt/eslint": "^1.3.0",
19-
"@nuxt/ui": "^3.0.2",
20-
"@types/semver": "^7.7.0",
21-
"@vue/repl": "^4.5.1",
22-
"@vueuse/nuxt": "13.0.0",
23-
"@vueuse/router": "^13.0.0",
24-
"eslint": "^9.23.0",
25-
"fast-npm-meta": "^0.4.0",
26-
"nuxt": "^3.16.2",
27-
"semver": "^7.7.1",
28-
"typescript": "^5.8.2",
29-
"vue": "^3.5.13",
30-
"vue-router": "^4.5.0",
31-
"vue-tsc": "^2.2.8"
16+
"@antfu/eslint-config": "^4.19.0",
17+
"@iconify-json/logos": "^1.2.10",
18+
"@nuxt/eslint": "^1.12.1",
19+
"@nuxt/ui": "^4.2.1",
20+
"@types/semver": "^7.7.1",
21+
"@vue/repl": "^4.7.1",
22+
"@vueuse/nuxt": "14.1.0",
23+
"@vueuse/router": "^14.1.0",
24+
"eslint": "^9.39.1",
25+
"fast-npm-meta": "^0.4.7",
26+
"nuxt": "^4.2.2",
27+
"semver": "^7.7.3",
28+
"typescript": "^5.9.3",
29+
"vue": "^3.5.25",
30+
"vue-router": "^4.6.4",
31+
"vue-tsc": "^3.1.8"
3232
},
3333
"pnpm": {
3434
"overrides": {
35-
"vite": "npm:rolldown-vite@latest"
35+
"vite": "8.0.0-beta.0",
36+
"rolldown": "1.0.0-beta.53"
3637
},
3738
"ignoredBuiltDependencies": [
3839
"@parcel/watcher",
@@ -41,6 +42,9 @@
4142
"onlyBuiltDependencies": [
4243
"esbuild",
4344
"rolldown"
44-
]
45+
],
46+
"patchedDependencies": {
47+
"@vue/repl": "patches/@vue__repl.patch"
48+
}
4549
}
4650
}

‎patches/@vue__repl.patch‎

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,22 +1,22 @@
11
diff --git a/dist/monaco-editor.js b/dist/monaco-editor.js
2-
index c37798518110282820e81a8667383d83839b560d..2d151ca8ff009fe77c8d135855979eabea131763 100644
2+
index 32187d073bfa62031a526f4e20a21ee8ac14c857..e7803203d240a9cd2b765a37a4cd61b2b17e49fc 100644
33
--- a/dist/monaco-editor.js
44
+++ b/dist/monaco-editor.js
55
@@ -178015,7 +178015,7 @@ async function registerProviders(worker, language, getSyncUris, languages) {
66

77
function WorkerWrapper$1(options) {
8-
return new Worker(
9-
- ""+new URL('assets/editor.worker-KaUq7_iC.js', import.meta.url).href+"",
10-
+ ""+new URL('./assets/editor.worker-KaUq7_iC.js', import.meta.url).href+"",
11-
{
12-
type: "module",
13-
name: options?.name
8+
return new Worker(
9+
- ""+new URL('assets/editor.worker-C6mZTrQO.js', import.meta.url).href+"",
10+
+ ""+new URL('./assets/editor.worker-C6mZTrQO.js', import.meta.url).href+"",
11+
{
12+
type: "module",
13+
name: options?.name
1414
@@ -178034,7 +178034,7 @@ function getOrCreateModel(uri, lang, value) {
1515

1616
function WorkerWrapper(options) {
17-
return new Worker(
18-
- ""+new URL('assets/vue.worker-C169KAy9.js', import.meta.url).href+"",
19-
+ ""+new URL('./assets/vue.worker-C169KAy9.js', import.meta.url).href+"",
20-
{
21-
type: "module",
22-
name: options?.name
17+
return new Worker(
18+
- ""+new URL('assets/vue.worker-mfJR090o.js', import.meta.url).href+"",
19+
+ ""+new URL('./assets/vue.worker-mfJR090o.js', import.meta.url).href+"",
20+
{
21+
type: "module",
22+
name: options?.name

0 commit comments

Comments
 (0)