Skip to content

Commit 69637ac

Browse files
OrbisKOrbisK
committed
feat: update deps
1 parent 1ba556a commit 69637ac

File tree

7 files changed

+4327
-3299
lines changed

7 files changed

+4327
-3299
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: 32 additions & 64 deletions
Original file line numberDiff line numberDiff line change
@@ -63,18 +63,20 @@ const issueLink = computed(() => {
6363
</script>
6464

6565
<template>
66-
<UApp>
67-
<header class="flex items-center justify-between px-6 h-(--header-height)">
68-
<div class="flex gap-2 items-center">
66+
<div>
67+
<UHeader>
68+
<template #left>
6969
<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()" />
70+
</template>
71+
72+
<template #right>
73+
<div class="hidden lg:flex gap-2 items-center">
74+
<USwitch v-model="ssr" label="SSR" />
75+
<USwitch v-model="prod" label="Prod" />
76+
<USelectMenu v-model="vueUseVersion" virtualize :items="vueUseVersionsSorted" class="w-32" icon="i-logos-vueuse" :loading="loadingVersions" />
77+
<USelectMenu v-model="vueVersion" virtualize :items="vueVersionsSorted" class="w-32" icon="i-logos-vue" :loading="loadingVersions" />
78+
<UButton icon="i-lucide-refresh-ccw" size="md" color="primary" variant="soft" @click="() => fetchVersions()" />
79+
</div>
7880
<UButton
7981
color="neutral" variant="ghost"
8082
:icon="colorMode.preference === 'dark' ? 'i-heroicons-moon' : 'i-heroicons-sun'"
@@ -104,57 +106,23 @@ const issueLink = computed(() => {
104106
/>
105107
</ClientOnly>
106108
</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">
116-
<UButton
117-
color="neutral"
118-
variant="ghost"
119-
to="https://github.com/vueuse"
120-
target="_blank"
121-
icon="i-simple-icons-github"
122-
aria-label="GitHub"
123-
/>
124-
</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: 21 additions & 18 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,26 @@
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",
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",
2222
"@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"
23+
"@vueuse/router": "^13.9.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"
3636
},
3737
"ignoredBuiltDependencies": [
3838
"@parcel/watcher",
@@ -41,6 +41,9 @@
4141
"onlyBuiltDependencies": [
4242
"esbuild",
4343
"rolldown"
44-
]
44+
],
45+
"patchedDependencies": {
46+
"@vue/repl": "patches/@vue__repl.patch"
47+
}
4548
}
4649
}

‎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)