Migration to Nuxt v4 file structure and dependencies update

app/components/base/Avatar.vue

@@ -12,7 +12,7 @@
 </template>
 
 <script setup lang="ts">
-import { Icon } from '@iconify/vue/dist/iconify.js';
+import { Icon } from '@iconify/vue';
 const { src, icon, text, size = 'medium' } = defineProps<{
     src: string
     icon?: string

app/components/base/Collapsible.vue

@@ -17,7 +17,7 @@
 </template>
 
 <script setup lang="ts">
-import { Icon } from '@iconify/vue/dist/iconify.js';
+import { Icon } from '@iconify/vue';
 const { label, disabled = false, defaultOpen = false } = defineProps<{
     label?: string
     disabled?: boolean

app/components/base/Combobox.vue

@@ -31,7 +31,7 @@
 
 <script setup lang="ts" generic="T extends string | number | boolean | Record<string, any>">
 import { ComboboxInput, ComboboxTrigger, ComboboxViewport, ComboboxContent, ComboboxPortal, ComboboxRoot } from 'radix-vue'
-import { Icon } from '@iconify/vue/dist/iconify.js';
+import { Icon } from '@iconify/vue';
 const { disabled = false, position = 'popper', multiple = false } = defineProps<{
 	placeholder?: string
     disabled?: boolean

app/components/base/DropdownContentRender.vue

@@ -65,7 +65,7 @@
 
 <script setup lang="ts">
 import type { DropdownOption } from './DropdownMenu.vue';
-import { Icon } from '@iconify/vue/dist/iconify.js';
+import { Icon } from '@iconify/vue';
 
 const { options } = defineProps<{
     options: DropdownOption[]

app/components/base/NumberPicker.vue

@@ -10,7 +10,7 @@
 </template>
 
 <script setup lang="ts">
-import { Icon } from '@iconify/vue/dist/iconify.js';
+import { Icon } from '@iconify/vue';
 
 const { min = 0, max = 100, disabled = false, step = 1, label } = defineProps<{
     min?: number

app/components/base/RadioInput.vue

@@ -15,7 +15,7 @@
 </template>
 
 <script setup lang="ts">
-import { Icon } from '@iconify/vue/dist/iconify.js';
+import { Icon } from '@iconify/vue';
 export interface RadioOption { 
     label: string
     value: string

app/components/base/Select.vue

@@ -30,7 +30,7 @@
 
 <script setup lang="ts">
 import { SelectContent, SelectPortal, SelectRoot, SelectScrollDownButton, SelectScrollUpButton, SelectTrigger, SelectValue, SelectViewport } from 'radix-vue'
-import { Icon } from '@iconify/vue/dist/iconify.js';
+import { Icon } from '@iconify/vue';
 const { disabled = false, position = 'popper' } = defineProps<{
 	placeholder?: string
     disabled?: boolean

app/components/base/SelectItem.vue

@@ -8,7 +8,7 @@
 </template>
 
 <script setup lang="ts">
-import { Icon } from '@iconify/vue/dist/iconify.js';
+import { Icon } from '@iconify/vue';
 import { SelectItem, SelectItemIndicator, SelectItemText } from 'radix-vue'
 const { disabled = false, value } = defineProps<{
     disabled?: boolean

app/components/base/Switch.vue

@@ -15,7 +15,7 @@
 </template>
 
 <script setup lang="ts">
-import { Icon } from '@iconify/vue/dist/iconify.js';
+import { Icon } from '@iconify/vue';
 const { label, disabled, onIcon, offIcon } = defineProps<{
     label?: string
     disabled?: boolean

app/components/base/TagsInput.vue

@@ -12,7 +12,7 @@
 </template>
 
 <script setup lang="ts">
-import { Icon } from '@iconify/vue/dist/iconify.js';
+import { Icon } from '@iconify/vue';
 
 const { placeholder } = defineProps<{
     placeholder?: string

app/error.vue

@@ -18,7 +18,7 @@
 
 <script setup lang="ts">
 import type { NuxtError } from '#app';
-import { Icon } from '@iconify/vue/dist/iconify.js';
+import { Icon } from '@iconify/vue';
 
 const props = defineProps({
   error: Object as () => NuxtError

app/layouts/default.vue

@@ -50,7 +50,7 @@
 </template>
 
 <script setup lang="ts">
-import { Icon } from '@iconify/vue/dist/iconify.js';
+import { Icon } from '@iconify/vue';
 import { TreeDOM } from '#shared/tree';
 import { Content, iconByType } from '#shared/content.util';
 import { dom, icon } from '#shared/dom.util';

app/pages/admin/index.vue

@@ -33,7 +33,7 @@
 <script setup lang="ts">
 import { format } from '#shared/general.util';
 import { iconByType } from '#shared/content.util';
-import { Icon } from '@iconify/vue/dist/iconify.js';
+import { Icon } from '@iconify/vue';
 import { Toaster } from '#shared/components.util';
 
 interface File

app/pages/admin/jobs.vue

@@ -14,7 +14,7 @@ const schemaList: Record<string, z.ZodObject<any> | null> = {
 
 <script setup lang="ts">
 import { z } from 'zod/v4';
-import { Icon } from '@iconify/vue/dist/iconify.js';
+import { Icon } from '@iconify/vue';
 import { Toaster } from '#shared/components.util';
 
 definePageMeta({

app/pages/campaign/[id]/index.client.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { Icon } from '@iconify/vue/dist/iconify.js';
+import { Icon } from '@iconify/vue';
-import { unifySlug } from '~/shared/general.util';
+import { unifySlug } from '#shared/general.util';
 
 definePageMeta({
     guestsGoesTo: '/user/login',

app/pages/campaign/index.client.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Toaster } from '~/shared/components.util';
+import { Toaster } from '#shared/components.util';
 
 definePageMeta({
     guestsGoesTo: '/user/login',

app/pages/explore/edit/index.vue

@@ -52,7 +52,7 @@ import { button, loading } from '#shared/components.util';
 import { dom, icon } from '#shared/dom.util';
 import { modal, tooltip } from '#shared/floating.util';
 import { Toaster } from '#shared/components.util';
-import { Icon } from '@iconify/vue/dist/iconify.js';
+import { Icon } from '@iconify/vue';
  
 definePageMeta({
 	rights: ['admin', 'editor'],

app/pages/user/(automatic)/reset-password.vue

@@ -18,7 +18,7 @@
 </template>
 
 <script setup lang="ts">
-import { Icon } from '@iconify/vue/dist/iconify.js';
+import { Icon } from '@iconify/vue';
 
 definePageMeta({
     layout: 'login',

app/pages/user/(automatic)/resetting-password.vue

@@ -24,7 +24,7 @@
 </template>
 
 <script setup lang="ts">
-import { Icon } from '@iconify/vue/dist/iconify.js';
+import { Icon } from '@iconify/vue';
 import { Toaster } from '#shared/components.util';
 
 definePageMeta({

app/pages/user/changing-password.vue

@@ -25,7 +25,7 @@
 </template>
 
 <script setup lang="ts">
-import { Icon } from '@iconify/vue/dist/iconify.js';
+import { Icon } from '@iconify/vue';
 import { Toaster } from '#shared/components.util';
 
 definePageMeta({

app/pages/user/login.vue

@@ -20,7 +20,7 @@
 <script setup lang="ts">
 import type { ZodError } from 'zod/v4';
 import { schema, type Login } from '~/schemas/login';
-import { Icon } from '@iconify/vue/dist/iconify.js';
+import { Icon } from '@iconify/vue';
 import { Toaster } from '#shared/components.util';
 
 definePageMeta({

app/pages/user/register.vue

@@ -30,7 +30,7 @@
 <script setup lang="ts">
 import { ZodError } from 'zod/v4';
 import { schema, type Registration } from '~/schemas/registration';
-import { Icon } from '@iconify/vue/dist/iconify.js';
+import { Icon } from '@iconify/vue';
 import { Toaster } from '#shared/components.util';
 
 definePageMeta({

package.json

@@ -9,31 +9,31 @@
     "migrate": "bun migrate.ts"
   },
   "dependencies": {
-    "@atlaskit/pragmatic-drag-and-drop": "^1.7.4",
+    "@atlaskit/pragmatic-drag-and-drop": "^1.7.7",
-    "@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^2.1.1",
+    "@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^2.1.2",
     "@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.1.0",
-    "@codemirror/lang-markdown": "^6.3.3",
+    "@codemirror/lang-markdown": "^6.5.0",
-    "@floating-ui/dom": "^1.7.2",
+    "@floating-ui/dom": "^1.7.4",
-    "@iconify/vue": "^4.3.0",
+    "@iconify/vue": "^5.0.0",
-    "@lezer/highlight": "^1.2.1",
+    "@lezer/highlight": "^1.2.3",
-    "@markdoc/markdoc": "^0.5.2",
+    "@markdoc/markdoc": "^0.5.4",
-    "@nuxtjs/color-mode": "^3.5.2",
+    "@nuxtjs/color-mode": "^4.0.0",
-    "@nuxtjs/sitemap": "^7.4.3",
+    "@nuxtjs/sitemap": "^7.4.7",
     "@nuxtjs/tailwindcss": "^6.14.0",
     "@vueuse/gesture": "^2.0.0",
-    "@vueuse/math": "^13.5.0",
+    "@vueuse/math": "^14.0.0",
-    "@vueuse/nuxt": "^13.5.0",
+    "@vueuse/nuxt": "^14.0.0",
     "codemirror": "^6.0.2",
-    "drizzle-orm": "^0.44.3",
+    "drizzle-orm": "^0.44.7",
     "hast": "^1.0.0",
     "hast-util-heading": "^3.0.0",
     "hast-util-heading-rank": "^3.0.0",
-    "iconify-icon": "^2.3.0",
+    "iconify-icon": "^3.0.2",
     "lodash.capitalize": "^4.2.1",
     "mdast-util-find-and-replace": "^3.0.2",
-    "nodemailer": "^7.0.5",
+    "nodemailer": "^7.0.10",
-    "nuxt": "^4.0.1",
+    "nuxt": "^4.2.1",
-    "nuxt-security": "^2.2.0",
+    "nuxt-security": "^2.4.0",
     "radix-vue": "^1.9.17",
     "rehype-raw": "^7.0.0",
     "remark-breaks": "^4.0.0",
@@ -47,18 +47,18 @@
     "strip-markdown": "^6.0.0",
     "unified": "^11.0.5",
     "unist-util-visit": "^5.0.0",
-    "vue": "^3.5.17",
+    "vue": "^3.5.24",
-    "vue-router": "^4.5.1",
+    "vue-router": "^4.6.3",
-    "zod": "^3.25.76"
+    "zod": "^4.1.12"
   },
   "devDependencies": {
-    "@types/bun": "^1.2.19",
+    "@types/bun": "^1.3.2",
     "@types/lodash.capitalize": "^4.2.9",
-    "@types/nodemailer": "^6.4.17",
+    "@types/nodemailer": "^7.0.3",
     "@types/unist": "^3.0.3",
-    "better-sqlite3": "^12.2.0",
+    "better-sqlite3": "^12.4.1",
-    "bun-types": "^1.2.19",
+    "bun-types": "^1.3.2",
-    "drizzle-kit": "^0.31.4",
+    "drizzle-kit": "^0.31.6",
     "mdast-util-to-string": "^4.0.0",
     "rehype-stringify": "^10.0.1"
   }

server/api/admin/user/[id]/logout.post.ts

@@ -1,4 +1,4 @@
-import { hasPermissions } from "~/shared/auth.util";
+import { hasPermissions } from "#shared/auth.util";
 import useDatabase from '~/composables/useDatabase';
 import { and, eq, notInArray } from "drizzle-orm";
 import { z } from "zod";

server/api/admin/user/[id]/permissions.post.ts

@@ -1,4 +1,4 @@
-import { hasPermissions } from "~/shared/auth.util";
+import { hasPermissions } from "#shared/auth.util";
 import useDatabase from '~/composables/useDatabase';
 import { and, eq, notInArray } from "drizzle-orm";
 import { z } from "zod";

server/api/auth/login.post.ts

@@ -2,7 +2,7 @@ import useDatabase from '~/composables/useDatabase';
 import { schema } from '~/schemas/login';
 import type { UserSession, UserSessionRequired } from '~/types/auth';
 import { ZodError } from 'zod/v4';
-import { checkSession, logSession } from '~/server/utils/user';
+import { checkSession, logSession } from '~/../server/utils/user';
 import { usersTable } from '~/db/schema';
 import { eq, or, sql } from 'drizzle-orm';
 

server/api/auth/register.post.ts

@@ -3,7 +3,7 @@ import { ZodError } from 'zod/v4';
 import useDatabase from '~/composables/useDatabase';
 import { usersDataTable, usersTable } from '~/db/schema';
 import { schema } from '~/schemas/registration';
-import { checkSession, logSession } from '~/server/utils/user';
+import { checkSession, logSession } from '~/../server/utils/user';
 import type { UserSession, UserSessionRequired } from '~/types/auth';
 import type { $ZodIssue } from 'zod/v4/core';
 

server/api/auth/request-reset.post.ts

@@ -3,7 +3,7 @@ import { eq, or } from 'drizzle-orm';
 import { z } from 'zod/v4';
 import useDatabase from '~/composables/useDatabase';
 import { usersTable } from '~/db/schema';
-import sendMail from '~/server/tasks/mail';
+import sendMail from '~/../server/tasks/mail';
 
 const schema = z.object({
     profile: z.string(),

server/api/auth/reset.post.ts

@@ -3,9 +3,9 @@ import { ZodError } from 'zod/v4';
 import useDatabase from '~/composables/useDatabase';
 import { usersDataTable, usersTable } from '~/db/schema';
 import { schema } from '~/schemas/registration';
-import { checkSession, logSession } from '~/server/utils/user';
+import { checkSession, logSession } from '~/../server/utils/user';
 import type { UserSession, UserSessionRequired } from '~/types/auth';
-import sendMail from '~/server/tasks/mail';
+import sendMail from '~/../server/tasks/mail';
 import type { $ZodIssue } from 'zod/v4/core';
 
 interface SuccessHandler

server/api/auth/session.delete.ts

@@ -1,5 +1,5 @@
 import { eventHandler } from 'h3';
-import { clearUserSession } from '~/server/utils/session';
+import { clearUserSession } from '~/../server/utils/session';
 
 export default eventHandler(async (event) => {
   await clearUserSession(event);

server/api/auth/session.get.ts

@@ -1,5 +1,5 @@
 import { eventHandler } from 'h3'
-import { getUserSession, sessionHooks } from '~/server/utils/session'
+import { getUserSession, sessionHooks } from '~/../server/utils/session'
 import type { UserSessionRequired } from '~/types/auth'
 
 export default eventHandler(async (event) => {

server/api/campaign.post.ts

@@ -2,8 +2,8 @@ import { eq } from 'drizzle-orm';
 import { z } from 'zod/v4';
 import useDatabase from '~/composables/useDatabase';
 import { campaignMembersTable, campaignTable } from '~/db/schema';
-import { CampaignValidation } from '~/shared/campaign.util';
+import { CampaignValidation } from '#shared/campaign.util';
-import { cryptURI } from '~/shared/general.util';
+import { cryptURI } from '#shared/general.util';
 
 export default defineEventHandler(async (e) => {
     const body = await readValidatedBody(e, CampaignValidation.extend({ id: z.unknown(), }).safeParse);

server/api/campaign/[id].post.ts

@@ -1,7 +1,7 @@
 import { eq } from 'drizzle-orm';
 import useDatabase from '~/composables/useDatabase';
 import { campaignTable } from '~/db/schema';
-import { CampaignValidation } from '~/shared/campaign.util';
+import { CampaignValidation } from '#shared/campaign.util';
 
 export default defineEventHandler(async (e) => {
     const params = getRouterParam(e, "id");

server/api/users/[id]/revalidate.post.ts

@@ -2,7 +2,7 @@ import { hash } from "bun";
 import { eq } from "drizzle-orm";
 import useDatabase from "~/composables/useDatabase";
 import { usersTable } from "~/db/schema";
-import sendMail from '~/server/tasks/mail';
+import sendMail from '~/../server/tasks/mail';
 
 export default defineEventHandler(async (e) => {
     const session = await getUserSession(e);

server/routes/campaign/join/[link].get.ts

@@ -1,7 +1,7 @@
 import { and, eq, sql } from "drizzle-orm";
 import useDatabase from "~/composables/useDatabase";
 import { campaignMembersTable, campaignTable } from "~/db/schema";
-import { decryptURI } from "~/shared/general.util";
+import { decryptURI } from "#shared/general.util";
 
 export default defineEventHandler(async (e) => {
     const link = getRouterParam(e, "link");

shared/dom.util.ts

@@ -1,4 +1,4 @@
-import { iconExists, loadIcon } from 'iconify-icon';
+import { iconLoaded, loadIcon } from 'iconify-icon';
 
 export type Node = HTMLElement | SVGElement | Text | undefined;
 export type NodeChildren = Array<Node> | undefined;
@@ -128,7 +128,7 @@ export function icon(name: string, properties?: IconProperties): HTMLElement
     {
         element = document.createElement('iconify-icon');
 
-        if(!iconExists(name))
+        if(!iconLoaded(name))
             loadIcon(name);
         
         element.setAttribute('icon', name);