@tager/admin-files 1.0.0 → 1.0.1

package/dist/dev/App.vue.d.ts

@@ -1,5 +1,6 @@
-import { MenuItemType } from "@tager/admin-layout";
-declare const _default: import("vue").DefineComponent<{}, {
+import { type MenuItemType } from "@tager/admin-layout";
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{}, {
     sidebarMenuList: MenuItemType[];
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-export default _default;

package/dist/index.mjs

@@ -1,11 +1,11 @@
-import { i18n, request, useI18n, useResourceDelete, useToast, navigateBack, convertRequestErrorToMap } from "@tager/admin-services";
-import { defineComponent, onMounted, resolveComponent, openBlock, createBlock, withCtx, createVNode, ref, createElementVNode, withModifiers } from "vue";
-import filesize from "filesize";
-import { DataTable, BaseButton, DeleteIcon, useDataTable, cutUrlOrigin, FormFieldFileInput, FormFooter } from "@tager/admin-ui";
-import { Page } from "@tager/admin-layout";
-import { compile } from "path-to-regexp";
-import { useRouter } from "vue-router";
-const EN = {
+import { i18n as L, request as F, useI18n as y, useResourceDelete as _, useToast as C, navigateBack as R, convertRequestErrorToMap as w } from "@tager/admin-services";
+import { defineComponent as D, onMounted as $, resolveComponent as c, openBlock as I, createBlock as T, withCtx as d, createVNode as m, ref as h, createElementVNode as M, withModifiers as z } from "vue";
+import N from "filesize";
+import { DeleteIcon as B, BaseButton as U, DataTable as k, useDataTable as O, cutUrlOrigin as P, FormFooter as A, FormFieldFileInput as q } from "@tager/admin-ui";
+import { Page as v } from "@tager/admin-layout";
+import { compile as V } from "path-to-regexp";
+import { useRouter as Q } from "vue-router";
+const H = {
   home: "Home",
   success: "Success",
   error: "Error",
@@ -22,189 +22,180 @@ const EN = {
   fileSize: "Size",
   delete: "Delete",
   add: "Add"
+}, j = {
+  home: "Главная",
+  success: "Успех",
+  error: "Ошибка",
+  createdSuccessMessage: "Файл был успешно добавлен",
+  createdErrorMessage: "Не удалось добавить файл",
+  files: "Файлы",
+  filesList: "Список файлов",
+  filesForm: "Форма файлов",
+  createFile: "Создать файл",
+  fileCreation: "Создание файла",
+  file: "Файл",
+  fileName: "Имя файла",
+  fileType: "Тип файла",
+  fileSize: "Размер",
+  delete: "Удалить",
+  add: "Добавить"
 };
-const RU = {
-  home: "\u0413\u043B\u0430\u0432\u043D\u0430\u044F",
-  success: "\u0423\u0441\u043F\u0435\u0445",
-  error: "\u041E\u0448\u0438\u0431\u043A\u0430",
-  createdSuccessMessage: "\u0424\u0430\u0439\u043B \u0431\u044B\u043B \u0443\u0441\u043F\u0435\u0448\u043D\u043E \u0434\u043E\u0431\u0430\u0432\u043B\u0435\u043D",
-  createdErrorMessage: "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u0434\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0444\u0430\u0439\u043B",
-  files: "\u0424\u0430\u0439\u043B\u044B",
-  filesList: "\u0421\u043F\u0438\u0441\u043E\u043A \u0444\u0430\u0439\u043B\u043E\u0432",
-  filesForm: "\u0424\u043E\u0440\u043C\u0430 \u0444\u0430\u0439\u043B\u043E\u0432",
-  createFile: "\u0421\u043E\u0437\u0434\u0430\u0442\u044C \u0444\u0430\u0439\u043B",
-  fileCreation: "\u0421\u043E\u0437\u0434\u0430\u043D\u0438\u0435 \u0444\u0430\u0439\u043B\u0430",
-  file: "\u0424\u0430\u0439\u043B",
-  fileName: "\u0418\u043C\u044F \u0444\u0430\u0439\u043B\u0430",
-  fileType: "\u0422\u0438\u043F \u0444\u0430\u0439\u043B\u0430",
-  fileSize: "\u0420\u0430\u0437\u043C\u0435\u0440",
-  delete: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C",
-  add: "\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C"
-};
-function applyTranslations() {
-  i18n.addTranslations("en", "files", EN);
-  i18n.addTranslations("ru", "files", RU);
+function G() {
+  L.addTranslations("en", "files", H), L.addTranslations("ru", "files", j);
 }
-function getFilesList(params) {
-  return request.get({ path: "/admin/userfiles", params });
+function J(e) {
+  return F.get({ path: "/admin/userfiles", params: e });
 }
-function getFilesCount() {
-  return request.get({ path: "/admin/userfiles/count" });
+function me() {
+  return F.get({ path: "/admin/userfiles/count" });
 }
-function deleteFile(fileId) {
-  return request.delete({ path: `/admin/userfiles/${fileId}` });
+function K(e) {
+  return F.delete({ path: `/admin/userfiles/${e}` });
 }
-function addFile(payload) {
-  return request.post({ path: "/admin/userfiles", body: payload });
+function W(e) {
+  return F.post({ path: "/admin/userfiles", body: e });
 }
-const FILES_ROUTE_PATHS = {
+const g = {
   FILES_LIST: "/files",
   FILES_FORM: "/files/:fileId"
 };
-function getFilesListUrl() {
-  return FILES_ROUTE_PATHS.FILES_LIST;
+function b() {
+  return g.FILES_LIST;
 }
-function getFilesFormUrl(params) {
-  return compile(FILES_ROUTE_PATHS.FILES_FORM)(params);
+function X(e) {
+  return V(g.FILES_FORM)(e);
 }
-var _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const _sfc_main$1 = defineComponent({
+const Y = D({
   name: "FilesList",
-  components: { DataTable, BaseButton, DeleteIcon, Page },
+  components: { DataTable: k, BaseButton: U, DeleteIcon: B, Page: v },
   setup() {
-    const { t } = useI18n();
-    const {
-      fetchEntityList: fetchFilesList,
-      isLoading: isFilesListLoading,
-      rowData: filesList,
-      errorMessage,
-      searchQuery,
-      handleChange,
-      pageSize,
-      pageCount,
-      pageNumber
-    } = useDataTable({
-      fetchEntityList: (params) => getFilesList({
-        query: params.searchQuery,
-        pageNumber: params.pageNumber,
-        pageSize: params.pageSize
+    const { t: e } = y(), {
+      fetchEntityList: t,
+      isLoading: o,
+      rowData: s,
+      errorMessage: l,
+      searchQuery: n,
+      handleChange: u,
+      pageSize: i,
+      pageCount: f,
+      pageNumber: r
+    } = O({
+      fetchEntityList: (a) => J({
+        query: a.searchQuery,
+        pageNumber: a.pageNumber,
+        pageSize: a.pageSize
       }),
       initialValue: [],
       resourceName: "Files list",
       pageSize: 100
     });
-    onMounted(() => {
-      fetchFilesList();
+    $(() => {
+      t();
     });
-    const { handleResourceDelete, isDeleting } = useResourceDelete({
-      deleteResource: deleteFile,
+    const { handleResourceDelete: p, isDeleting: S } = _({
+      deleteResource: K,
       resourceName: "File",
-      onSuccess: fetchFilesList
+      onSuccess: t
     });
-    const columnDefs = [
-      {
-        id: 1,
-        name: "ID",
-        field: "id",
-        style: { width: "50px", textAlign: "center" },
-        headStyle: { width: "50px", textAlign: "center" }
-      },
-      {
-        id: 2,
-        name: t("files:fileName"),
-        field: "name"
-      },
-      {
-        id: 3,
-        name: t("files:fileType"),
-        field: "type"
-      },
-      {
-        id: 4,
-        name: t("files:fileSize"),
-        field: "size",
-        format: ({ row }) => filesize(row.size),
-        style: { whiteSpace: "nowrap" },
-        headStyle: { whiteSpace: "nowrap" }
-      },
-      {
-        id: 5,
-        name: "URL",
-        type: "link",
-        field: "url",
-        format: ({ row }) => ({
-          url: row.url,
-          text: cutUrlOrigin(row.url)
-        })
-      },
-      {
-        id: 6,
-        name: t("files:delete"),
-        field: "delete",
-        style: { textAlign: "center" },
-        headStyle: { textAlign: "center" }
-      }
-    ];
     return {
-      columnDefs,
-      getFilesFormUrl,
-      rowData: filesList,
-      isRowDataLoading: isFilesListLoading,
-      errorMessage,
-      searchQuery,
-      handleChange,
-      pageSize,
-      pageCount,
-      pageNumber,
-      handleResourceDelete,
-      isDeleting
+      columnDefs: [
+        {
+          id: 1,
+          name: "ID",
+          field: "id",
+          style: { width: "50px", textAlign: "center" },
+          headStyle: { width: "50px", textAlign: "center" }
+        },
+        {
+          id: 2,
+          name: e("files:fileName"),
+          field: "name"
+        },
+        {
+          id: 3,
+          name: e("files:fileType"),
+          field: "type"
+        },
+        {
+          id: 4,
+          name: e("files:fileSize"),
+          field: "size",
+          format: ({ row: a }) => N(a.size),
+          style: { whiteSpace: "nowrap" },
+          headStyle: { whiteSpace: "nowrap" }
+        },
+        {
+          id: 5,
+          name: "URL",
+          type: "link",
+          field: "url",
+          format: ({ row: a }) => ({
+            url: a.url,
+            text: P(a.url)
+          })
+        },
+        {
+          id: 6,
+          name: e("files:delete"),
+          field: "delete",
+          style: { textAlign: "center" },
+          headStyle: { textAlign: "center" }
+        }
+      ],
+      getFilesFormUrl: X,
+      rowData: s,
+      isRowDataLoading: o,
+      errorMessage: l,
+      searchQuery: n,
+      handleChange: u,
+      pageSize: i,
+      pageCount: f,
+      pageNumber: r,
+      handleResourceDelete: p,
+      isDeleting: S
     };
   }
-});
-function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_DeleteIcon = resolveComponent("DeleteIcon");
-  const _component_BaseButton = resolveComponent("BaseButton");
-  const _component_DataTable = resolveComponent("DataTable");
-  const _component_Page = resolveComponent("Page");
-  return openBlock(), createBlock(_component_Page, {
-    title: _ctx.$i18n.t("files:filesList"),
+}), E = (e, t) => {
+  const o = e.__vccOpts || e;
+  for (const [s, l] of t)
+    o[s] = l;
+  return o;
+};
+function Z(e, t, o, s, l, n) {
+  const u = c("DeleteIcon"), i = c("BaseButton"), f = c("DataTable"), r = c("Page");
+  return I(), T(r, {
+    title: e.$i18n.t("files:filesList"),
     "header-buttons": [
       {
-        text: _ctx.$i18n.t("files:createFile"),
-        href: _ctx.getFilesFormUrl({ fileId: "create" })
+        text: e.$i18n.t("files:createFile"),
+        href: e.getFilesFormUrl({ fileId: "create" })
       }
     ]
   }, {
-    default: withCtx(() => [
-      createVNode(_component_DataTable, {
-        "column-defs": _ctx.columnDefs,
-        "row-data": _ctx.rowData,
-        loading: _ctx.isRowDataLoading,
-        "error-message": _ctx.errorMessage,
-        "search-query": _ctx.searchQuery,
+    default: d(() => [
+      m(f, {
+        "column-defs": e.columnDefs,
+        "row-data": e.rowData,
+        loading: e.isRowDataLoading,
+        "error-message": e.errorMessage,
+        "search-query": e.searchQuery,
         pagination: {
-          pageSize: _ctx.pageSize,
-          pageCount: _ctx.pageCount,
-          pageNumber: _ctx.pageNumber,
-          disabled: _ctx.isRowDataLoading
+          pageSize: e.pageSize,
+          pageCount: e.pageCount,
+          pageNumber: e.pageNumber,
+          disabled: e.isRowDataLoading
         },
-        onChange: _ctx.handleChange
+        onChange: e.handleChange
       }, {
-        "cell(delete)": withCtx(({ row }) => [
-          createVNode(_component_BaseButton, {
+        "cell(delete)": d(({ row: p }) => [
+          m(i, {
             variant: "icon",
-            title: _ctx.$i18n.t("files:delete"),
-            disabled: _ctx.isDeleting(row.id),
-            onClick: ($event) => _ctx.handleResourceDelete(row.id)
+            title: e.$i18n.t("files:delete"),
+            disabled: e.isDeleting(p.id),
+            onClick: (S) => e.handleResourceDelete(p.id)
           }, {
-            default: withCtx(() => [
-              createVNode(_component_DeleteIcon)
+            default: d(() => [
+              m(u)
             ]),
             _: 2
           }, 1032, ["title", "disabled", "onClick"])
@@ -215,86 +206,73 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["title", "header-buttons"]);
 }
-var FilesList = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
-function convertFilesFormValuesToCreationPayload(values) {
-  var _a, _b;
+const x = /* @__PURE__ */ E(Y, [["render", Z]]);
+function ee(e) {
+  var t;
   return {
-    file: (_b = (_a = values.file) == null ? void 0 : _a.file.id) != null ? _b : ""
+    file: ((t = e.file) == null ? void 0 : t.file.id) ?? ""
   };
 }
-const _sfc_main = defineComponent({
+const te = D({
   name: "FilesForm",
-  components: { Page, FormFieldFileInput, FormFooter },
+  components: { Page: v, FormFieldFileInput: q, FormFooter: A },
   setup() {
-    const { t } = useI18n();
-    const toast = useToast();
-    const router = useRouter();
-    const errors = ref({});
-    const values = ref({ file: null });
-    const isSubmitting = ref(false);
-    function submitForm(event) {
-      isSubmitting.value = true;
-      const creationPayload = convertFilesFormValuesToCreationPayload(
-        values.value
+    const { t: e } = y(), t = C(), o = Q(), s = h({}), l = h({ file: null }), n = h(!1);
+    function u(i) {
+      n.value = !0;
+      const f = ee(
+        l.value
       );
-      addFile(creationPayload).then(() => {
-        errors.value = {};
-        if (event.type === "create" || event.type === "save" || event.type === "create_exit" || event.type === "save_exit") {
-          navigateBack(router, getFilesListUrl());
-        }
-        toast.show({
+      W(f).then(() => {
+        s.value = {}, (i.type === "create" || i.type === "save" || i.type === "create_exit" || i.type === "save_exit") && R(o, b()), t.show({
           variant: "success",
-          title: t("files:success"),
-          body: t("files:createdSuccessMessage")
+          title: e("files:success"),
+          body: e("files:createdSuccessMessage")
         });
-      }).catch((error) => {
-        console.error(error);
-        errors.value = convertRequestErrorToMap(error);
-        toast.show({
+      }).catch((r) => {
+        console.error(r), s.value = w(r), t.show({
           variant: "danger",
-          title: t("files:error"),
-          body: t("files:createdErrorMessage")
+          title: e("files:error"),
+          body: e("files:createdErrorMessage")
         });
       }).finally(() => {
-        isSubmitting.value = false;
+        n.value = !1;
       });
     }
     return {
-      values,
-      errors,
-      isSubmitting,
-      submitForm,
-      getFilesListUrl
+      values: l,
+      errors: s,
+      isSubmitting: n,
+      submitForm: u,
+      getFilesListUrl: b
     };
   }
 });
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_FormFieldFileInput = resolveComponent("FormFieldFileInput");
-  const _component_FormFooter = resolveComponent("FormFooter");
-  const _component_Page = resolveComponent("Page");
-  return openBlock(), createBlock(_component_Page, {
-    title: _ctx.$i18n.t("files:fileCreation")
+function ie(e, t, o, s, l, n) {
+  const u = c("FormFieldFileInput"), i = c("FormFooter"), f = c("Page");
+  return I(), T(f, {
+    title: e.$i18n.t("files:fileCreation")
   }, {
-    footer: withCtx(() => [
-      createVNode(_component_FormFooter, {
-        "back-href": _ctx.getFilesListUrl(),
-        "is-submitting": _ctx.isSubmitting,
-        "is-creation": true,
-        "submit-label": "\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C",
-        onSubmit: _ctx.submitForm
+    footer: d(() => [
+      m(i, {
+        "back-href": e.getFilesListUrl(),
+        "is-submitting": e.isSubmitting,
+        "is-creation": !0,
+        "submit-label": "Добавить",
+        onSubmit: e.submitForm
       }, null, 8, ["back-href", "is-submitting", "onSubmit"])
     ]),
-    default: withCtx(() => [
-      createElementVNode("form", {
+    default: d(() => [
+      M("form", {
         novalidate: "",
-        onSubmit: _cache[1] || (_cache[1] = withModifiers(() => {
+        onSubmit: t[1] || (t[1] = z(() => {
         }, ["prevent"]))
       }, [
-        createVNode(_component_FormFieldFileInput, {
-          value: _ctx.values.file,
-          "onUpdate:value": _cache[0] || (_cache[0] = ($event) => _ctx.values.file = $event),
-          error: _ctx.errors.file,
-          label: _ctx.$i18n.t("files:file"),
+        m(u, {
+          value: e.values.file,
+          "onUpdate:value": t[0] || (t[0] = (r) => e.values.file = r),
+          error: e.errors.file,
+          label: e.$i18n.t("files:file"),
           name: "file"
         }, null, 8, ["value", "error", "label"])
       ], 32)
@@ -302,29 +280,36 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["title"]);
 }
-var FilesForm = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-const FILES_LIST_ROUTE = {
-  path: FILES_ROUTE_PATHS.FILES_LIST,
-  component: FilesList,
+const se = /* @__PURE__ */ E(te, [["render", ie]]), oe = {
+  path: g.FILES_LIST,
+  component: x,
   name: "Files List",
   meta: {
-    getBreadcrumbs: (route, i18n2) => [
-      { url: "/", text: i18n2.t("files:home") },
-      { url: route.path, text: i18n2.t("files:filesList") }
+    getBreadcrumbs: (e, t) => [
+      { url: "/", text: t.t("files:home") },
+      { url: e.path, text: t.t("files:filesList") }
     ]
   }
-};
-const FILES_FORM_ROUTE = {
-  path: FILES_ROUTE_PATHS.FILES_FORM,
-  component: FilesForm,
+}, pe = {
+  path: g.FILES_FORM,
+  component: se,
   name: "Files Form",
   meta: {
-    getBreadcrumbs: (route, i18n2) => [
-      { url: "/", text: i18n2.t("files:home") },
-      { url: FILES_LIST_ROUTE.path, text: i18n2.t("files:filesList") },
-      { url: route.path, text: i18n2.t("files:filesForm") }
+    getBreadcrumbs: (e, t) => [
+      { url: "/", text: t.t("files:home") },
+      { url: oe.path, text: t.t("files:filesList") },
+      { url: e.path, text: t.t("files:filesForm") }
     ]
   }
 };
-applyTranslations();
-export { FILES_FORM_ROUTE, FILES_LIST_ROUTE, addFile, deleteFile, getFilesCount, getFilesFormUrl, getFilesList, getFilesListUrl };
+G();
+export {
+  pe as FILES_FORM_ROUTE,
+  oe as FILES_LIST_ROUTE,
+  W as addFile,
+  K as deleteFile,
+  me as getFilesCount,
+  X as getFilesFormUrl,
+  J as getFilesList,
+  b as getFilesListUrl
+};

package/dist/services/requests.d.ts

@@ -1,5 +1,5 @@
-import { ResponseBody } from '@tager/admin-services';
-import { FileModel } from '../typings/model';
+import { type ResponseBody } from '@tager/admin-services';
+import { type FileModel } from '../typings/model';
 export declare function getFilesList(params?: {
     query?: string;
     pageNumber?: number;

package/dist/typings/model.d.ts

@@ -1,4 +1,4 @@
-import { SingleFileInputValueType } from '@tager/admin-ui';
+import { type SingleFileInputValueType } from '@tager/admin-ui';
 export interface FileModel {
     id: number;
     name: string;

package/dist/views/FilesForm/FilesForm.helpers.d.ts

@@ -1,2 +1,2 @@
-import { FilesCreatePayload, FormValues } from '../../typings/model';
+import { type FilesCreatePayload, type FormValues } from '../../typings/model';
 export declare function convertFilesFormValuesToCreationPayload(values: FormValues): FilesCreatePayload;

package/dist/views/FilesForm/FilesForm.vue.d.ts

@@ -1,6 +1,8 @@
-import { TagerFormSubmitEvent } from '@tager/admin-ui';
+import { type TagerFormSubmitEvent } from '@tager/admin-ui';
 import { getFilesListUrl } from '../../utils/paths';
-declare const _default: import("vue").DefineComponent<{}, {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{}, {
     values: import("vue").Ref<{
         file: {
             id: string;
@@ -19,4 +21,3 @@ declare const _default: import("vue").DefineComponent<{}, {
     submitForm: (event: TagerFormSubmitEvent) => void;
     getFilesListUrl: typeof getFilesListUrl;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-export default _default;

package/dist/views/FilesList/FilesList.vue.d.ts

@@ -1,7 +1,9 @@
-import { ColumnDefinition } from '@tager/admin-ui';
-import { FileModel } from '../../typings/model';
+import { type ColumnDefinition } from '@tager/admin-ui';
+import { type FileModel } from '../../typings/model';
 import { getFilesFormUrl } from '../../utils/paths';
-declare const _default: import("vue").DefineComponent<{}, {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{}, {
     columnDefs: ColumnDefinition<FileModel>[];
     getFilesFormUrl: typeof getFilesFormUrl;
     rowData: import("vue").Ref<FileModel[]>;
@@ -15,4 +17,3 @@ declare const _default: import("vue").DefineComponent<{}, {
     handleResourceDelete: (entityId: string | number) => void;
     isDeleting: (entityId: string | number) => boolean;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tager/admin-files",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "license": "MIT",
   "main": "dist/index.umd.js",
   "module": "dist/index.esm.js",
@@ -11,16 +11,17 @@
     "src"
   ],
   "exports": {
-    "./css": "./dist/style.css",
     ".": "./dist/index.mjs"
   },
   "scripts": {
     "build:js": "vite build",
-    "build:package": "concurrently --success first \"yarn build:js\" \"yarn emit-declarations\"",
+    "build:package": "yarn build:js && (yarn emit-declarations || echo 'vue-tsc: type errors found, declarations emitted anyway')",
     "emit-declarations": "vue-tsc --project tsconfig.json --emitDeclarationOnly",
-    "start": "vue-cli-service serve",
+    "start": "vite",
     "prepare": "yarn build:package",
-    "tager:update": "yarn upgrade --latest --scope @tager"
+    "tager:update": "yarn upgrade --latest --scope @tager",
+    "lint": "eslint .",
+    "format": "prettier --write src"
   },
   "dependencies": {
     "filesize": "^9.0.11",
@@ -30,9 +31,7 @@
     "path-to-regexp": "^6.1.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.17.9",
-    "@babel/eslint-parser": "^7.17.0",
-    "@rushstack/eslint-patch": "^1.1.2",
+    "@eslint/js": "^9.39.5",
     "@tager/admin-dynamic-field": "^1.0.0",
     "@tager/admin-layout": "^1.0.0",
     "@tager/admin-services": "^1.0.0",
@@ -41,28 +40,24 @@
     "@types/lodash.isequal": "^4.5.6",
     "@types/lodash.pick": "^4.4.7",
     "@types/node": "16.x",
-    "@typescript-eslint/eslint-plugin": "^5.21.0",
-    "@typescript-eslint/parser": "^5.21.0",
-    "@vitejs/plugin-vue": "^2.3.1",
-    "@vue/cli-plugin-babel": "^5.0.4",
-    "@vue/cli-plugin-typescript": "^5.0.4",
-    "@vue/cli-service": "~5.0.0",
-    "@vue/eslint-config-prettier": "^7.0.0",
-    "@vue/eslint-config-typescript": "^10.0.0",
-    "concurrently": "^7.1.0",
+    "@vitejs/plugin-vue": "^5.2.4",
+    "@vue/eslint-config-typescript": "^14.9.0",
     "core-js": "^3.22.3",
-    "eslint": "^8.14.0",
-    "eslint-config-prettier": "^8.5.0",
-    "eslint-plugin-import": "^2.26.0",
-    "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-vue": "^8.7.1",
+    "eslint": "^9.39.5",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-import-resolver-typescript": "^4.4.5",
+    "eslint-plugin-import": "^2.32.0",
+    "eslint-plugin-vue": "^10.12.0",
+    "globals": "^16.5.0",
+    "prettier": "^3.9.10",
     "sass": "^1.51.0",
     "sass-loader": "^12.6.0",
-    "typescript": "^4.6.3",
-    "vite": "^2.9.6",
+    "typescript": "^5.9.3",
+    "vite": "^6.4.5",
     "vue": "^3.2.31",
+    "vue-eslint-parser": "^10.4.1",
     "vue-router": "^4.0.14",
-    "vue-tsc": "^0.34.10"
+    "vue-tsc": "^3.3.14"
   },
   "peerDependencies": {
     "@tager/admin-layout": "^1.0.0",

package/src/dev/App.vue

@@ -6,11 +6,13 @@
 
 <script lang="ts">
 import {defineComponent} from 'vue';
-import {MenuItemType, PageLayout} from "@tager/admin-layout";
+
+import {type MenuItemType, PageLayout} from "@tager/admin-layout";
 import {ViewListIcon} from "@tager/admin-ui";
-import {getFilesListUrl} from '../utils/paths';
 import {useI18n} from "@tager/admin-services";
 
+import {getFilesListUrl} from '../utils/paths';
+
 export default defineComponent({
   name: 'App',
   components: {
@@ -34,5 +36,3 @@ export default defineComponent({
   },
 });
 </script>
-
-<style scoped lang="scss"></style>

package/src/dev/env.ts

@@ -2,16 +2,16 @@ import { initializeEnvironment } from '@tager/admin-services';
 
 export function populateEnvironment() {
   initializeEnvironment({
-    publicPath: process.env.VUE_APP_PUBLIC_PATH,
-    appEnv: process.env.VUE_APP_ENV,
-    apiUrl: process.env.VUE_APP_API_URL,
-    accessToken: process.env.VUE_APP_ACCESS_TOKEN,
-    websiteUrl: process.env.VUE_APP_WEBSITE_URL,
-    websiteButtonUrl: process.env.VUE_APP_WEBSITE_BUTTON_URL,
-    sentryDsn: process.env.VUE_APP_SENTRY_DSN,
-    sentryEnv: process.env.VUE_APP_SENTRY_ENVIRONMENT,
-    baseUrl: process.env.BASE_URL,
-    nodeEnv: process.env.NODE_ENV,
-    version: process.env.VUE_APP_VERSION,
+    publicPath: import.meta.env.VUE_APP_PUBLIC_PATH,
+    appEnv: import.meta.env.VUE_APP_ENV,
+    apiUrl: import.meta.env.VUE_APP_API_URL,
+    accessToken: import.meta.env.VUE_APP_ACCESS_TOKEN,
+    websiteUrl: import.meta.env.VUE_APP_WEBSITE_URL,
+    websiteButtonUrl: import.meta.env.VUE_APP_WEBSITE_BUTTON_URL,
+    sentryDsn: import.meta.env.VUE_APP_SENTRY_DSN,
+    sentryEnv: import.meta.env.VUE_APP_SENTRY_ENVIRONMENT,
+    baseUrl: import.meta.env.BASE_URL,
+    nodeEnv: import.meta.env.MODE,
+    version: import.meta.env.VUE_APP_VERSION,
   });
 }

package/src/services/requests.ts

@@ -1,6 +1,6 @@
-import { request, ResponseBody } from '@tager/admin-services';
+import { request, type ResponseBody } from '@tager/admin-services';
 
-import { FileModel } from '../typings/model';
+import { type FileModel } from '../typings/model';
 
 export function getFilesList(params?: {
   query?: string;

package/src/typings/model.ts

@@ -1,4 +1,4 @@
-import { SingleFileInputValueType } from '@tager/admin-ui';
+import { type SingleFileInputValueType } from '@tager/admin-ui';
 
 export interface FileModel {
   id: number;

package/src/views/FilesForm/FilesForm.helpers.ts

@@ -1,4 +1,4 @@
-import { FilesCreatePayload, FormValues } from '../../typings/model';
+import { type FilesCreatePayload, type FormValues } from '../../typings/model';
 
 export function convertFilesFormValuesToCreationPayload(
   values: FormValues

package/src/views/FilesForm/FilesForm.vue

@@ -26,7 +26,7 @@ import { defineComponent, ref } from 'vue';
 import { useRouter } from 'vue-router';
 
 import {
-  TagerFormSubmitEvent,
+  type TagerFormSubmitEvent,
   FormFooter,
   FormField,
   FormFieldFileInput,
@@ -42,7 +42,7 @@ import { Page } from '@tager/admin-layout';
 
 import { addFile } from '../../services/requests';
 import { getFilesListUrl } from '../../utils/paths';
-import { FormValues } from '../../typings/model';
+import { type FormValues } from '../../typings/model';
 
 import { convertFilesFormValuesToCreationPayload } from './FilesForm.helpers';
 
@@ -110,5 +110,3 @@ export default defineComponent({
   },
 });
 </script>
-
-<style lang="scss" scoped></style>

package/src/views/FilesList/FilesList.vue

@@ -41,7 +41,7 @@ import { defineComponent, onMounted } from 'vue';
 import filesize from 'filesize';
 
 import {
-  ColumnDefinition,
+  type ColumnDefinition,
   useDataTable,
   DataTable,
   BaseButton,
@@ -52,7 +52,7 @@ import { useI18n, useResourceDelete } from '@tager/admin-services';
 import { Page } from '@tager/admin-layout';
 
 import { deleteFile, getFilesList } from '../../services/requests';
-import { FileModel } from '../../typings/model';
+import { type FileModel } from '../../typings/model';
 import { getFilesFormUrl } from '../../utils/paths';
 
 export default defineComponent({