Changed h-w to size

components/calendar/input/EventCategories.vue

@@ -50,7 +50,7 @@ const filteredCategories = computed(() =>
           </ul>
         </template>
 
-        <PhCaretDown class="ml-2 h-4 w-4 shrink-0 opacity-50" />
+        <PhCaretDown class="ml-2 size-4 shrink-0 opacity-50" />
       </UiButton>
     </UiPopoverTrigger>
     <UiPopoverContent

components/calendar/input/EventCategory.vue

@@ -42,7 +42,7 @@ const filteredCategories = computed(() =>
           {{ model.name }}
         </template>
 
-        <PhCaretDown class="ml-2 h-4 w-4 shrink-0 opacity-50" />
+        <PhCaretDown class="ml-2 size-4 shrink-0 opacity-50" />
       </UiButton>
     </UiPopoverTrigger>
     <UiPopoverContent
@@ -51,7 +51,7 @@ const filteredCategories = computed(() =>
       :collision-padding="50"
       class="w-fit h-[33vh] p-0"
     >
-      <UiCommand v-model="model" v-model:searchTerm="searchTerm">
+      <UiCommand v-model="model" v-model:search-term="searchTerm">
         <UiCommandInput :placeholder="$t('entity.category.search')" />
         <UiCommandEmpty>{{ $t('entity.category.notFoundAny') }}</UiCommandEmpty>
         <UiCommandList>

components/calendar/input/MonthList.vue

@@ -91,7 +91,7 @@ useSortable(monthSortableList, model.value, { animation: 150, handle: ".handle"
       />
     </div>
     <div class="md:col-span-1">
-      <UiButton size="icon" class="rounded-full h-8 w-8" :disabled="!validNewMonth" @click.prevent="addMonthToModel">
+      <UiButton size="icon" class="rounded-full size-8" :disabled="!validNewMonth" @click.prevent="addMonthToModel">
         <PhPlus size="17"/>
       </UiButton>
     </div>
@@ -103,7 +103,7 @@ useSortable(monthSortableList, model.value, { animation: 150, handle: ".handle"
           <div v-if="model.length" class="hidden md:block col-span-1">
             <ul class="grid gap-y-4 justify-center">
               <li v-for="(m, i) in model" :key="`num-${m.name}`">
-                <UiButton size="icon" variant="secondary" class="h-8 w-8 rounded-full">
+                <UiButton size="icon" variant="secondary" class="size-8 rounded-full">
                   <span class="font-bold text-sm">{{ i + 1 }}</span>
                 </UiButton>
               </li>
@@ -115,7 +115,7 @@ useSortable(monthSortableList, model.value, { animation: 150, handle: ".handle"
               <template v-if="model.length">
                 <li v-for="(m, i) in model" :key="m.name" class="grid md:grid-cols-12 gap-4 md:items-center text-slate-900 bg-slate-200 rounded-md">
                   <div class="md:col-span-1 text-right duration-200 ease-out transition transform origin-top-right">
-                    <UiButton type="button" variant="ghost" size="icon" class="handle rounded-full h-8 w-8">
+                    <UiButton type="button" variant="ghost" size="icon" class="handle rounded-full size-8">
                       <PhList size="17" />
                     </UiButton>
                   </div>
@@ -145,7 +145,7 @@ useSortable(monthSortableList, model.value, { animation: 150, handle: ".handle"
                     <UiTooltipProvider>
                       <UiTooltip>
                         <UiTooltipTrigger as-child>
-                          <UiButton type="button" variant="ghost" size="icon" class="rounded-full h-8 w-8" @click="removeMonthFromModel(i)">
+                          <UiButton type="button" variant="ghost" size="icon" class="rounded-full size-8" @click="removeMonthFromModel(i)">
                             <PhTrash size="17" />
                           </UiButton>
                         </UiTooltipTrigger>

components/ui/breadcrumb/BreadcrumbEllipsis.vue

@@ -15,7 +15,7 @@ const props = defineProps<{
     :class="cn('flex h-9 w-9 items-center justify-center', props.class)"
   >
     <slot>
-      <MoreHorizontal class="h-4 w-4" />
+      <MoreHorizontal class="size-4" />
     </slot>
     <span class="sr-only">More</span>
   </span>

components/ui/checkbox/Checkbox.vue

@@ -21,12 +21,12 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits)
   <CheckboxRoot
     v-bind="forwarded"
     :class="
-      cn('peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground',
+      cn('peer size-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground',
          props.class)"
   >
     <CheckboxIndicator class="flex h-full w-full items-center justify-center text-current">
       <slot>
-        <Check class="h-4 w-4" />
+        <Check class="size-4" />
       </slot>
     </CheckboxIndicator>
   </CheckboxRoot>

components/ui/command/CommandInput.vue

@@ -25,7 +25,7 @@ const forwardedProps = useForwardProps(delegatedProps)
 
 <template>
   <div class="flex items-center border-b px-3" cmdk-input-wrapper>
-    <Search class="mr-2 h-4 w-4 shrink-0 opacity-50" />
+    <Search class="mr-2 size-4 shrink-0 opacity-50" />
     <ComboboxInput
       v-bind="{ ...forwardedProps, ...$attrs }"
       auto-focus

components/ui/dropdown-menu/DropdownMenuSubTrigger.vue

@@ -30,7 +30,7 @@ const forwardedProps = useForwardProps(delegatedProps)
     "
   >
     <template v-if="props.arrowDirection === 'left'">
-      <PhCaretLeft class="mr-auto h-4 w-4" />
+      <PhCaretLeft class="mr-auto size-4" />
 
       <span class="inline-block">
         <slot />
@@ -39,7 +39,7 @@ const forwardedProps = useForwardProps(delegatedProps)
     <template v-else>
       <slot />
 
-      <PhCaretRight class="ml-auto h-4 w-4" />
+      <PhCaretRight class="ml-auto size-4" />
     </template>
   </DropdownMenuSubTrigger>
 </template>

components/ui/pagination/PaginationFirst.vue

@@ -23,7 +23,7 @@ const delegatedProps = computed(() => {
   <PaginationFirst v-bind="delegatedProps">
     <Button :class="cn('w-10 h-10 p-0', props.class)" variant="outline">
       <slot>
-        <ChevronsLeft class="h-4 w-4" />
+        <ChevronsLeft class="size-4" />
       </slot>
     </Button>
   </PaginationFirst>

components/ui/pagination/PaginationLast.vue

@@ -23,7 +23,7 @@ const delegatedProps = computed(() => {
   <PaginationLast v-bind="delegatedProps">
     <Button :class="cn('w-10 h-10 p-0', props.class)" variant="outline">
       <slot>
-        <ChevronsRight class="h-4 w-4" />
+        <ChevronsRight class="size-4" />
       </slot>
     </Button>
   </PaginationLast>

components/ui/pagination/PaginationNext.vue

@@ -23,7 +23,7 @@ const delegatedProps = computed(() => {
   <PaginationNext v-bind="delegatedProps">
     <Button :class="cn('w-10 h-10 p-0', props.class)" variant="outline">
       <slot>
-        <ChevronRight class="h-4 w-4" />
+        <ChevronRight class="size-4" />
       </slot>
     </Button>
   </PaginationNext>

components/ui/pagination/PaginationPrev.vue

@@ -23,7 +23,7 @@ const delegatedProps = computed(() => {
   <PaginationPrev v-bind="delegatedProps">
     <Button :class="cn('w-10 h-10 p-0', props.class)" variant="outline">
       <slot>
-        <ChevronLeft class="h-4 w-4" />
+        <ChevronLeft class="size-4" />
       </slot>
     </Button>
   </PaginationPrev>

components/ui/select/SelectItem.vue

@@ -33,7 +33,7 @@ const forwardedProps = useForwardProps(delegatedProps)
   >
     <span class="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
       <SelectItemIndicator>
-        <Check class="h-4 w-4" />
+        <Check class="size-4" />
       </SelectItemIndicator>
     </span>
 

components/ui/select/SelectScrollDownButton.vue

@@ -25,7 +25,7 @@ const forwardedProps = useForwardProps(delegatedProps)
     :class="cn('flex cursor-default items-center justify-center py-1', props.class)"
   >
     <slot>
-      <ChevronDown class="h-4 w-4" />
+      <ChevronDown class="size-4" />
     </slot>
   </SelectScrollDownButton>
 </template>

components/ui/select/SelectScrollUpButton.vue

@@ -21,7 +21,7 @@ const forwardedProps = useForwardProps(delegatedProps)
     :class="cn('flex cursor-default items-center justify-center py-1', props.class)"
   >
     <slot>
-      <ChevronUp class="h-4 w-4" />
+      <ChevronUp class="size-4" />
     </slot>
   </SelectScrollUpButton>
 </template>

components/ui/switch/Switch.vue

@@ -31,7 +31,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits)
     )"
   >
     <SwitchThumb
-      :class="cn('pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0')"
+      :class="cn('pointer-events-none block size-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0')"
     />
   </SwitchRoot>
 </template>

components/ui/toast/ToastClose.vue

@@ -17,6 +17,6 @@ const delegatedProps = computed(() => {
 
 <template>
   <ToastClose v-bind="delegatedProps" :class="cn('absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-hidden focus:ring-2 group-hover:opacity-100 group-[.destructive]:text-red-300 hover:group-[.destructive]:text-red-50 focus:group-[.destructive]:ring-red-400 focus:group-[.destructive]:ring-offset-red-600', props.class)">
-    <X class="h-4 w-4" />
+    <X class="size-4" />
   </ToastClose>
 </template>

package.json

@@ -18,14 +18,14 @@
     "@nuxthub/core": "^0.8.24",
     "@nuxtjs/i18n": "^9.5.3",
     "@phosphor-icons/vue": "^2.2.1",
-    "@pinia/nuxt": "^0.10.1",
+    "@pinia/nuxt": "^0.11.0",
     "@tailwindcss/vite": "^4.1.4",
-    "@vueuse/core": "^12.8.2",
+    "@vueuse/core": "^13.1.0",
-    "@vueuse/integrations": "^12.8.2",
+    "@vueuse/integrations": "^13.1.0",
-    "@vueuse/nuxt": "^12.8.2",
+    "@vueuse/nuxt": "^13.1.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "lucide-vue-next": "^0.475.0",
+    "lucide-vue-next": "^0.488.0",
     "luxon": "^3.6.1",
     "nuxt": "^3.16.2",
     "pinia": "^3.0.2",
@@ -42,19 +42,20 @@
     "@nuxtjs/color-mode": "^3.5.2",
     "@nuxtjs/supabase": "^1.5.0",
     "@nuxtjs/tailwindcss": "^6.13.2",
-    "@stylistic/eslint-plugin-js": "^3.1.0",
+    "@stylistic/eslint-plugin-js": "^4.2.0",
     "@types/luxon": "^3.6.2",
     "@typescript-eslint/eslint-plugin": "^8.30.1",
     "@typescript-eslint/parser": "^8.30.1",
     "eslint": "^9.24.0",
     "eslint-config-prettier": "^10.1.2",
     "eslint-plugin-prettier": "^5.2.6",
-    "eslint-plugin-vue": "^9.33.0",
+    "eslint-plugin-vue": "^10.0.0",
     "postcss": "^8.5.3",
     "prettier": "^3.5.3",
     "sass": "^1.86.3",
     "tailwindcss": "^4.1.4",
     "typescript": "^5.8.3",
-    "wrangler": "^3.114.6"
+    "wrangler": "^4.12.0"
-  }
+  },
+  "packageManager": "pnpm@9.1.0+sha1.217063ce3fcbf44f3051666f38b810f1ddefee4a"
 }

pages/my/worlds/[id].vue

@@ -201,7 +201,7 @@ function hideEditModal() {
               <UiTooltipProvider :delay-duration="250">
                 <UiTooltip>
                   <UiTooltipTrigger as-child>
-                    <UiButton size="icon" class="rounded-full h-8 w-8" @click="deployEditModal">
+                    <UiButton size="icon" class="rounded-full size-8" @click="deployEditModal">
                       <PhPencil size="17" weight="fill" />
                     </UiButton>
                   </UiTooltipTrigger>

pnpm-workspace.yaml

@@ -1,6 +0,0 @@
-onlyBuiltDependencies:
-  - '@parcel/watcher'
-  - esbuild
-  - sharp
-  - vue-demi
-  - workerd