@webx-ui/module-blog 0.1.0

package/dist/messages.d.ts

@@ -0,0 +1,7 @@
+import { Messages } from '@webx-ui/module-admin';
+/**
+ * The English this package speaks on its own, before the server's dictionary arrives, or
+ * without one. The server ships the same lines in ten languages under `webx-blog::` and
+ * overrides these; `messages.test.ts` keeps the two sets of keys equal.
+ */
+export declare const blogMessages: Record<string, Messages>;

package/dist/module.d.ts

@@ -0,0 +1,17 @@
+import { AdminModule } from '@webx-ui/module-admin';
+export interface BlogOptions {
+    /** Where the blog lives inside the panel. The three sections sit under it. */
+    path?: string;
+}
+/**
+ * The blog as sections of the panel: articles, rubrics and tags.
+ *
+ * Three modules rather than one, because the navigation is one entry per module and the blog
+ * wants three of them; the server puts all three in the `blog` group, which is what draws them
+ * under one heading. Each is returned separately so a panel can leave one out.
+ *
+ * A section whose server half is not installed never appears — the entry is built from the
+ * manifest — and so does one whose front end is missing. That is what makes it safe to return
+ * all three from one call: a panel that installed only part of the blog gets only that part.
+ */
+export declare function blog(options?: BlogOptions): AdminModule[];

package/dist/style.css

@@ -0,0 +1 @@
+.wx-article-address[data-v-2ee0dcfe]{display:flex;flex-direction:column;gap:var(--wx-space-8)}.wx-article-address__value[data-v-2ee0dcfe]{word-break:break-all}.wx-article-editor[data-v-9bf13356]{display:flex;flex-direction:column;gap:var(--wx-gap, var(--wx-space-16));height:100%;min-height:0;container-type:inline-size}.wx-article-editor__ghost[data-v-9bf13356]{max-width:420px}.wx-article-editor__head[data-v-9bf13356]{flex:none;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:var(--wx-space-12);padding-block-end:var(--wx-space-12);border-block-end:1px solid var(--wx-border-default)}.wx-article-editor__back[data-v-9bf13356]{align-self:start}.wx-article-editor__id[data-v-9bf13356]{display:flex;flex-direction:column;gap:var(--wx-space-4);min-width:0}.wx-article-editor__name[data-v-9bf13356]{display:flex;align-items:center;gap:var(--wx-space-8);flex-wrap:wrap;min-width:0}.wx-article-editor__title[data-v-9bf13356]{font-size:var(--wx-font-size-xl);font-weight:var(--wx-font-weight-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wx-article-editor__actions[data-v-9bf13356]{display:flex;align-items:center;gap:var(--wx-space-8);flex-wrap:wrap}.wx-article-editor__screen[data-v-9bf13356]{display:flex;flex-direction:column;flex:1;min-height:0}.wx-article-editor__screen[data-v-9bf13356] .wx-screen-host,.wx-article-editor__screen[data-v-9bf13356] .wx-screen,.wx-article-editor__screen[data-v-9bf13356] .wx-tabs,.wx-article-editor__screen[data-v-9bf13356] .wx-tabs__layout,.wx-article-editor__screen[data-v-9bf13356] .wx-tabs__panels,.wx-article-editor__screen[data-v-9bf13356] .wx-tab:not([hidden]){display:flex;flex-direction:column;flex:1;min-height:0}.wx-article-editor[data-v-9bf13356]:has(.wx-tab:not([hidden]) .wx-blocks-host.is-fill){height:var(--wx-fill-height)}.wx-article-editor__screen[data-v-9bf13356] .wx-tab:not([hidden]):has(.wx-blocks-host.is-fill){overflow:auto}.wx-article-editor__screen[data-v-9bf13356] .wx-form-item:has(.wx-blocks-host.is-fill),.wx-article-editor__screen[data-v-9bf13356] .wx-form-item:has(.wx-blocks-host.is-fill) .wx-form-item__control{display:flex;flex-direction:column;flex:1;min-height:0}.wx-article-history[data-v-0a997938]{display:flex;flex-direction:column;border:1px solid var(--wx-border-default);border-radius:var(--wx-radius-md);background:var(--wx-bg-surface);overflow:hidden}.wx-article-history__ghost[data-v-0a997938]{padding:var(--wx-space-10) var(--wx-space-12)}.wx-article-history__row[data-v-0a997938]{display:flex;align-items:center;gap:var(--wx-space-12);padding:var(--wx-space-10) var(--wx-space-12);border-block-end:1px solid var(--wx-border-default);flex-wrap:wrap}.wx-article-history__row[data-v-0a997938]:last-child{border-block-end:0}.wx-article-history__number[data-v-0a997938]{width:40px;font-family:var(--wx-font-family-mono);font-size:var(--wx-font-size-sm);color:var(--wx-text-muted)}.wx-article-history__who[data-v-0a997938]{display:flex;flex-direction:column;flex:1;min-width:160px}.wx-article-related[data-v-164e86fe]{display:flex;flex-direction:column;gap:var(--wx-space-8)}.wx-article-related__name[data-v-164e86fe]{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wx-article-rubrics[data-v-db8c5bc8]{display:flex;flex-direction:column;gap:var(--wx-space-8)}.wx-article-rubrics__name[data-v-db8c5bc8]{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wx-article-tags[data-v-ce095e37]{display:flex;flex-direction:column;gap:var(--wx-space-8)}.wx-article-tags__chips[data-v-ce095e37]{display:flex;flex-wrap:wrap;gap:var(--wx-space-6)}.wx-article-tags__chip[data-v-ce095e37]{display:inline-flex;align-items:center;gap:var(--wx-space-4)}.wx-article-tags__pick[data-v-ce095e37]{display:flex;align-items:center;gap:var(--wx-space-8);flex-wrap:wrap}.wx-article-tags__pick[data-v-ce095e37]>.wx-select{flex:1 1 220px;min-width:0}.wx-articles[data-v-0bea5efe]{min-width:0}.wx-articles__filters[data-v-0bea5efe]{display:flex;flex-wrap:wrap;gap:var(--wx-space-8);min-width:0}.wx-articles__filters[data-v-0bea5efe]>.wx-select{flex:1 1 110px;max-width:150px}.wx-articles__cover[data-v-0bea5efe]{display:flex;align-items:center;justify-content:center;width:44px;height:32px;overflow:hidden;border-radius:var(--wx-radius-sm);background:var(--wx-bg-subtle);color:var(--wx-text-muted)}.wx-articles__cover.is-card[data-v-0bea5efe]{width:76px;height:58px}.wx-articles__cover.is-empty[data-v-0bea5efe]{border:1px dashed var(--wx-border-color);background:var(--wx-bg-base)}.wx-articles__cover img[data-v-0bea5efe]{width:100%;height:100%;min-width:0;object-fit:cover}.wx-articles__name[data-v-0bea5efe]{display:flex;align-items:center;gap:var(--wx-space-8);min-width:0}.wx-articles__name-text[data-v-0bea5efe]{display:flex;flex-direction:column;min-width:0}.wx-articles__pin[data-v-0bea5efe]{flex:none;color:var(--wx-color-primary)}.wx-articles__title[data-v-0bea5efe]{overflow:hidden;font-weight:var(--wx-font-weight-medium);white-space:nowrap;text-overflow:ellipsis}.wx-articles__address[data-v-0bea5efe]{overflow:hidden;color:var(--wx-text-muted);font-family:var(--wx-font-family-mono);font-size:var(--wx-font-size-xs);white-space:nowrap;text-overflow:ellipsis}.wx-articles__chips[data-v-0bea5efe],.wx-articles__state[data-v-0bea5efe]{display:flex;align-items:center;gap:var(--wx-space-4);min-width:0;overflow:hidden}.wx-articles[data-v-0bea5efe] .wx-articles__when{white-space:nowrap}.wx-articles__card[data-v-0bea5efe]{display:flex;align-items:flex-start;gap:var(--wx-space-10);min-width:0}.wx-articles__card[data-v-0bea5efe]>.wx-row-menu{flex:none}.wx-articles__card-body[data-v-0bea5efe]{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--wx-space-6);min-width:0}.wx-articles__card-title[data-v-0bea5efe]{display:flex;align-items:flex-start;gap:var(--wx-space-6);font-weight:var(--wx-font-weight-semibold);line-height:var(--wx-font-line-height-tight)}.wx-articles__card-title span[data-v-0bea5efe]{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.wx-articles__card-meta[data-v-0bea5efe]{display:flex;flex-wrap:wrap;align-items:center;gap:var(--wx-space-6);min-width:0}.wx-rubric-form[data-v-ace40cf4]{display:flex;flex-direction:column;height:100%;min-height:0}.wx-rubric-form__head[data-v-ace40cf4]{display:flex;flex-wrap:wrap;align-items:center;gap:var(--wx-space-10);padding:var(--wx-space-12) var(--wx-space-16);border-block-end:1px solid var(--wx-border-color)}.wx-rubric-form__body[data-v-ace40cf4]{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--wx-space-16);min-height:0;padding:var(--wx-space-16);overflow-y:auto}.wx-rubric-form__row[data-v-ace40cf4]{display:flex;flex-wrap:wrap;gap:var(--wx-space-16);align-items:flex-start}.wx-rubric-form__title[data-v-ace40cf4]{flex:1 1 260px;min-width:0}.wx-rubric-form__slug[data-v-ace40cf4]{flex:1 1 220px;min-width:0}.wx-rubric-form__cover[data-v-ace40cf4]{flex:0 1 260px;min-width:0}.wx-rubric-form__side[data-v-ace40cf4]{display:flex;flex:1 1 200px;flex-direction:column;gap:var(--wx-space-6);min-width:0}.wx-rubric-form__seo[data-v-ace40cf4]{display:flex;flex-direction:column;align-items:flex-start;gap:var(--wx-space-4);padding:var(--wx-space-12);border-radius:var(--wx-radius-md);background:var(--wx-bg-subtle)}.wx-rubric-form__seo[data-v-ace40cf4]:has(.wx-seo){align-self:stretch;padding:0;background:none}.wx-rubric-form__foot[data-v-ace40cf4]{display:flex;flex-wrap:wrap;align-items:center;gap:var(--wx-space-8);padding:var(--wx-space-12) var(--wx-space-16);border-block-start:1px solid var(--wx-border-color)}.wx-rubric-form__spacer[data-v-ace40cf4]{flex:1 1 auto}.wx-rubrics{height:100%;min-height:0}.wx-rubrics>.wx-card__body{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;border-radius:inherit}.wx-rubrics__panes{flex:1 1 auto;min-height:0}.wx-rubrics__loading{padding:var(--wx-space-16)}.wx-rubrics__list{padding:var(--wx-space-8) var(--wx-space-12)}.wx-rubrics__list.is-plain .wx-sortable-list__row{padding-inline:var(--wx-space-8)}.wx-rubrics__list.is-plain .wx-sortable-list__head{margin-block-end:var(--wx-space-6)}.wx-rubric-row{display:flex;flex-direction:column;gap:var(--wx-space-2);align-items:flex-start;flex:1 1 auto;min-width:0;padding:0;border:0;background:none;font:inherit;color:inherit;text-align:start;cursor:pointer}.wx-rubric-row__name{display:flex;align-items:center;gap:var(--wx-space-6);min-width:0;max-width:100%}.wx-rubric-row.is-hidden{color:var(--wx-text-muted)}.wx-rubrics__list .wx-sortable-list__row:has(.wx-rubric-row.is-current){background:var(--wx-bg-subtle);border-radius:var(--wx-radius-sm)}.wx-rubric-row.is-current{color:var(--wx-color-primary)}.wx-rubric-row__count{flex:none;font-variant-numeric:tabular-nums}.wx-tag-merge[data-v-aa68b3a8]{display:flex;flex-direction:column;gap:var(--wx-space-12)}.wx-tag-merge__chips[data-v-aa68b3a8]{display:flex;flex-wrap:wrap;align-items:center;gap:var(--wx-space-6);min-width:0}.wx-tag-merge__redirect[data-v-aa68b3a8]{display:flex;flex-direction:column;gap:var(--wx-space-2)}.wx-tags[data-v-7ccee45f]{display:flex;flex-direction:column;gap:var(--wx-space-12);min-width:0}.wx-tags__rename[data-v-7ccee45f]{display:block;min-width:0}.wx-tags__sort[data-v-7ccee45f]{display:flex;gap:var(--wx-space-4);min-width:0}.wx-tags__name[data-v-7ccee45f]{max-width:100%;overflow:hidden;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:start;text-overflow:ellipsis;white-space:nowrap;cursor:text}.wx-tags__name[data-v-7ccee45f]:hover{text-decoration:underline;text-decoration-style:dotted}.wx-tags__bar[data-v-7ccee45f]{flex-wrap:wrap}.wx-tags__bar-spacer[data-v-7ccee45f]{flex:1 1 auto}

package/dist/types.d.ts

@@ -0,0 +1,273 @@
+import { LocalizedValue, Paginated } from '@webx-ui/core';
+import { ScreenModel } from '@webx-ui/schema';
+/**
+ * Never published · waiting for its day · on the site · on the site with edits waiting · taken
+ * off it (§10).
+ *
+ * The last two are the pair worth keeping apart. "Taken off" and "draft" both mean the article
+ * is not on the site, and only its history tells them apart — "draft" on something that was
+ * live at breakfast is a lie.
+ */
+export type ArticleStatus = 'draft' | 'scheduled' | 'published' | 'modified' | 'unpublished';
+/**
+ * A rubric or a tag as a row names one, and the same shape a filter is set from — which is why
+ * the author of an article is not one of these but an {@link ArticleAuthor}. A person has a
+ * name; a rubric has a title and an address, and calling them the same thing would cost the
+ * difference the first time somebody wanted the address.
+ */
+export interface BlogNamed {
+    id: number;
+    title: string;
+    /** A rubric and a tag have one; a filter option does not carry it. */
+    slug?: string;
+}
+export interface ArticleAuthor {
+    id: number;
+    name: string;
+}
+/**
+ * A cover, with the two addresses `module-media` distinguishes.
+ *
+ * `url` is what the picture is shown by; `source` — the same bytes off the panel's own origin —
+ * is what the image editor needs. Neither is stored: both are worked out from the file on every
+ * read, because a signed link expires and a cropped picture keeps its key.
+ */
+export interface ArticleCover {
+    id: number;
+    path: string;
+    url: string;
+    thumb: string | null;
+}
+/**
+ * One article as the section lists it.
+ *
+ * The title is the draft's and the address is the registry's, which is why a renamed article
+ * shows a new title beside its old address: that is what the site is serving until it is
+ * published.
+ */
+export interface ArticleRow {
+    id: number;
+    title: string;
+    slug: string;
+    lead: string;
+    /** `null` — this article names no address in the language the panel is open in (§9). */
+    path: string | null;
+    url: string | null;
+    status: ArticleStatus;
+    pinned: boolean;
+    published_at: string | null;
+    updated_at: string | null;
+    deleted_at: string | null;
+    author: ArticleAuthor | null;
+    cover: ArticleCover | null;
+    /** In the order they were dragged into: the first is the main one (§2.6). */
+    rubrics: BlogNamed[];
+    tags: BlogNamed[];
+    /** What this article was when it was read, so a save can be refused rather than written over. */
+    revision: string;
+    [key: string]: unknown;
+}
+/** What the dropdowns over the list can be set to — it travels with the rows (§10). */
+export interface ArticleFilters {
+    rubrics: BlogNamed[];
+    tags: BlogNamed[];
+    authors: BlogNamed[];
+}
+/**
+ * A page of articles, with the filters beside it.
+ *
+ * Flat, the way `WxTable` reads a paginator: the server answers with `meta` around the numbers,
+ * Laravel's own shape, and the API client spreads it before the table ever sees it.
+ */
+export interface ArticlesPage extends Paginated<ArticleRow> {
+    filters: ArticleFilters;
+}
+export interface ArticleQuery {
+    /** Title or address, in any language the site has. */
+    q?: string;
+    rubric?: number | null;
+    tag?: number | null;
+    author?: number | null;
+    status?: ArticleStatus | '';
+    /** `-published_at` for newest first; left out, the list is pinned first and then by date. */
+    sort?: string | null;
+    /** What was deleted. The only way back to an article in the bin is through this list. */
+    trashed?: boolean;
+    page?: number;
+    per_page?: number;
+}
+/** What starting an article carries: a title, and an address if somebody typed one. */
+export interface ArticleInput {
+    title?: string;
+    slug?: string;
+}
+/**
+ * What a save carries: the values of the described screen, and what was read.
+ *
+ * The values are keyed by field name — `title`, `slug`, `blocks`, `rubrics`, `seo` — because
+ * the form is a description (`blog.article-form`) and the server checks what comes in against
+ * that same description. Which is what lets `module-seo` put its card on the editor without
+ * either half of this module hearing about it.
+ *
+ * Only the fields that travelled are touched, so saving one tab cannot empty another.
+ */
+export interface ArticleSave {
+    values: ScreenModel;
+    /** Left out, the save goes through: a request that read nothing has no editor to surprise. */
+    revision?: string;
+}
+/** One publication in the history. The payload is not in it — see {@link BlogApi.versions}. */
+export interface ArticleVersion {
+    number: number;
+    created_at: string | null;
+    author: string | null;
+    source: string;
+    comment: string | null;
+    is_pinned: boolean;
+}
+/** An id with something to draw beside it: a rubric, an administrator, another article. */
+export interface ArticleOption {
+    id: number;
+    title: string;
+}
+/** A tag as the article form offers it, with the number of articles filed under it (§10). */
+export interface BlogTag {
+    id: number;
+    title: string;
+    slug: string;
+    articles_count: number;
+}
+/**
+ * One article as its editor opens it: the record, the values of the screen, and the few things
+ * around them that the description cannot carry.
+ *
+ * The preview link is minted per response rather than stored: it is signed and short-lived, and
+ * a form left open all morning would otherwise offer a link that expired before lunch.
+ */
+export interface ArticleDetail {
+    article: ArticleRow;
+    values: ScreenModel;
+    /** The article as it was read, to be handed back with the next save. */
+    revision: string;
+    /** The first segment of every blog address — the same in every language (§2.2). */
+    prefix: string;
+    preview_url: string | null;
+    options: {
+        rubrics: ArticleOption[];
+        authors: ArticleOption[];
+    };
+    /** Titles for the ids in `values.related`; nothing else carries them. */
+    related: ArticleOption[];
+}
+/** The body of a 409: somebody else wrote while this editor was typing. */
+export interface ArticleConflict {
+    message: string;
+    data: ArticleDetail;
+}
+/**
+ * One rubric, as both halves of its screen need it (§10).
+ *
+ * The left column reads `name`, `path` and `articles_count`; the form beside it edits the same
+ * record in every language at once, which is why the three translated fields are maps and the
+ * name is worked out beside them. A rubric named in one language and not in another is still a
+ * row somebody has to be able to click.
+ */
+export interface RubricRow {
+    id: number;
+    /** What to show: the title of this language, its address, or its number — in that order. */
+    name: string;
+    title: LocalizedValue;
+    slug: LocalizedValue;
+    lead: LocalizedValue;
+    /** `null` — this rubric names no address in the language the panel is open in (§9). */
+    path: string | null;
+    url: string | null;
+    cover: ArticleCover | null;
+    is_visible: boolean;
+    position: number;
+    /** Why the delete button is out of reach, and what its explanation says (§6). */
+    articles_count: number;
+    /** What the rubric says about its own page, over whatever the SEO rules say (§12). */
+    seo: Record<string, unknown>;
+}
+/** What a rubric's form sends. Only the fields that travelled are touched. */
+export interface RubricInput {
+    title?: LocalizedValue | string;
+    slug?: LocalizedValue | string;
+    lead?: LocalizedValue | string;
+    cover?: {
+        path: string;
+    } | null;
+    is_visible?: boolean;
+    seo?: Record<string, unknown> | null;
+}
+/**
+ * Whether a tag page is in the index, and why (§12).
+ *
+ * Three answers and not two. A tag is out of the index by default; an editor opens it either by
+ * clearing the flag or by writing a rule in the SEO section for its address — and the second one
+ * has to be visible here, or whoever wrote that rule spends an afternoon looking at a row that
+ * says `noindex` and disagreeing with it.
+ */
+export type TagIndexing = 'open' | 'rule' | 'noindex';
+/** One tag as its screen lists it — and as the article form's dropdown offers it. */
+export interface TagRow {
+    id: number;
+    /** The word in the language the panel is open in, falling back on the address. */
+    title: string;
+    /** Every language of it, for a rename that must not touch the others. */
+    titles: LocalizedValue;
+    slug: string;
+    /** The address a SEO rule for this page would be written for: language prefix and all. */
+    path: string | null;
+    url: string | null;
+    noindex: boolean;
+    indexing: TagIndexing;
+    articles_count: number;
+    [key: string]: unknown;
+}
+/** What the pills over the list count, before any of them is pressed. */
+export interface TagCounts {
+    total: number;
+    empty: number;
+    noindex: number;
+}
+export interface TagQuery {
+    q?: string;
+    /** Tags nothing is filed under — the half of the screen that exists to be emptied. */
+    empty?: boolean;
+    /** Out of the index by the same rule the rendered page follows, rules included (§12). */
+    noindex?: boolean;
+    sort?: 'articles' | 'name';
+    page?: number;
+    per_page?: number;
+}
+export interface TagsPage extends Paginated<TagRow> {
+    filters: TagCounts;
+}
+/** What a rename or the switch on the index sends; absent means "leave it alone". */
+export interface TagInput {
+    title?: string;
+    slug?: string;
+    noindex?: boolean;
+}
+/** What the selection bar does to a pile of tags at once (§10). */
+export type TagMassAction = 'index' | 'noindex' | 'delete';
+/** What came of a merge, for the sentence the panel says afterwards. */
+export interface TagMerged {
+    tag: TagRow;
+    /** How many articles ended up carrying the surviving word. */
+    articles_count: number;
+    merged: number;
+}
+/**
+ * Every rubric, with the first segment of every blog address beside them.
+ *
+ * The prefix travels with the list rather than being asked for separately: the form prints the
+ * whole address as it is typed, and `remont` on its own says nothing about whether the blog
+ * lives at the root of the site or under `/blog/`.
+ */
+export interface RubricsPayload {
+    data: RubricRow[];
+    prefix: string;
+}

package/package.json

@@ -0,0 +1,66 @@
+{
+  "name": "@webx-ui/module-blog",
+  "version": "0.1.0",
+  "description": "Blog for the WebX UI admin panel: articles made of blocks, rubrics and tags, scheduled publication.",
+  "license": "MIT",
+  "type": "module",
+  "sideEffects": [
+    "*.css"
+  ],
+  "keywords": [
+    "webx-ui",
+    "vue",
+    "admin",
+    "cms",
+    "blog"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/webx-ui/webx-ui.git",
+    "directory": "packages/module-blog"
+  },
+  "homepage": "https://webx-ui.github.io/webx-ui/guide/blog.html",
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./style.css": "./dist/style.css",
+    "./dist/style.css": "./dist/style.css",
+    "./package.json": "./package.json"
+  },
+  "peerDependencies": {
+    "vue": "^3.5.0",
+    "vue-router": "^4.5.0"
+  },
+  "dependencies": {
+    "@webx-ui/core": "^0.24.0",
+    "@webx-ui/module-admin": "^0.9.0",
+    "@webx-ui/module-blocks": "^0.5.1",
+    "@webx-ui/schema": "^0.3.1"
+  },
+  "devDependencies": {
+    "@types/node": "^24.10.1",
+    "@vitejs/plugin-vue": "^6.0.1",
+    "typescript": "^5.9.3",
+    "vite": "^7.1.14",
+    "vite-plugin-dts": "^4.5.4",
+    "vue": "^3.5.24",
+    "vue-router": "^4.5.1",
+    "vue-tsc": "^3.1.3"
+  },
+  "scripts": {
+    "build": "vite build",
+    "dev": "vite build --watch",
+    "typecheck": "vue-tsc -p tsconfig.json --noEmit"
+  }
+}