@tanstack/create 0.49.1 → 0.49.3

package/dist/frameworks/react/examples/events/assets/src/lib/conference-tools.js

@@ -1,177 +0,0 @@
-import { toolDefinition } from '@tanstack/ai';
-import { z } from 'zod';
-import { allSpeakers, allTalks } from 'content-collections';
-// Tool definition for getting a speaker by slug
-export const getSpeakerBySlugToolDef = toolDefinition({
-    name: 'getSpeakerBySlug',
-    description: 'Get the full profile and bio of a specific speaker. Use this when asked about a particular speaker.',
-    inputSchema: z.object({
-        slug: z.string().describe('The slug of the speaker'),
-    }),
-    outputSchema: z.object({
-        name: z.string(),
-        title: z.string(),
-        specialty: z.string(),
-        restaurant: z.string(),
-        location: z.string(),
-        bio: z.string(),
-        awards: z.array(z.string()),
-    }),
-});
-// Server implementation
-export const getSpeakerBySlug = getSpeakerBySlugToolDef.server(({ slug }) => {
-    const speaker = allSpeakers.find((s) => s.slug === slug);
-    if (!speaker) {
-        return {
-            name: 'Speaker not found',
-            title: '',
-            specialty: '',
-            restaurant: '',
-            location: '',
-            bio: 'The requested speaker was not found.',
-            awards: [],
-        };
-    }
-    return {
-        name: speaker.name,
-        title: speaker.title,
-        specialty: speaker.specialty,
-        restaurant: speaker.restaurant,
-        location: speaker.location,
-        bio: speaker.content,
-        awards: speaker.awards || [],
-    };
-});
-// Tool definition for getting a talk by slug
-export const getTalkBySlugToolDef = toolDefinition({
-    name: 'getTalkBySlug',
-    description: 'Get the full details of a specific session/talk. Use this when asked about a particular session.',
-    inputSchema: z.object({
-        slug: z.string().describe('The slug of the talk'),
-    }),
-    outputSchema: z.object({
-        title: z.string(),
-        speaker: z.string(),
-        duration: z.string(),
-        topics: z.array(z.string()),
-        description: z.string(),
-    }),
-});
-// Server implementation
-export const getTalkBySlug = getTalkBySlugToolDef.server(({ slug }) => {
-    const talk = allTalks.find((t) => t.slug === slug);
-    if (!talk) {
-        return {
-            title: 'Session not found',
-            speaker: '',
-            duration: '',
-            topics: [],
-            description: 'The requested session was not found.',
-        };
-    }
-    return {
-        title: talk.title,
-        speaker: talk.speaker,
-        duration: talk.duration,
-        topics: talk.topics,
-        description: talk.content,
-    };
-});
-// Tool definition for listing all speakers
-export const getAllSpeakersToolDef = toolDefinition({
-    name: 'getAllSpeakers',
-    description: 'Get a list of all speakers at the conference with their names, specialties, and restaurants.',
-    inputSchema: z.object({}),
-    outputSchema: z.array(z.object({
-        slug: z.string(),
-        name: z.string(),
-        specialty: z.string(),
-        restaurant: z.string(),
-        location: z.string(),
-    })),
-});
-// Server implementation
-export const getAllSpeakers = getAllSpeakersToolDef.server(() => {
-    return allSpeakers.map((speaker) => ({
-        slug: speaker.slug,
-        name: speaker.name,
-        specialty: speaker.specialty,
-        restaurant: speaker.restaurant,
-        location: speaker.location,
-    }));
-});
-// Tool definition for listing all talks
-export const getAllTalksToolDef = toolDefinition({
-    name: 'getAllTalks',
-    description: 'Get a list of all sessions/talks at the conference with their titles, speakers, and topics.',
-    inputSchema: z.object({}),
-    outputSchema: z.array(z.object({
-        slug: z.string(),
-        title: z.string(),
-        speaker: z.string(),
-        duration: z.string(),
-        topics: z.array(z.string()),
-    })),
-});
-// Server implementation
-export const getAllTalks = getAllTalksToolDef.server(() => {
-    return allTalks.map((talk) => ({
-        slug: talk.slug,
-        title: talk.title,
-        speaker: talk.speaker,
-        duration: talk.duration,
-        topics: talk.topics,
-    }));
-});
-// Tool definition for searching conference content
-export const searchConferenceToolDef = toolDefinition({
-    name: 'searchConference',
-    description: 'Search for speakers or sessions by keyword. Use this to find content matching user queries about topics, techniques, or names.',
-    inputSchema: z.object({
-        query: z.string().describe('The search query'),
-    }),
-    outputSchema: z.object({
-        speakers: z.array(z.object({
-            slug: z.string(),
-            name: z.string(),
-            specialty: z.string(),
-            restaurant: z.string(),
-        })),
-        talks: z.array(z.object({
-            slug: z.string(),
-            title: z.string(),
-            speaker: z.string(),
-            topics: z.array(z.string()),
-        })),
-    }),
-});
-// Server implementation
-export const searchConference = searchConferenceToolDef.server(({ query }) => {
-    const queryLower = query.toLowerCase();
-    const matchingSpeakers = allSpeakers
-        .filter((speaker) => speaker.name.toLowerCase().includes(queryLower) ||
-        speaker.specialty.toLowerCase().includes(queryLower) ||
-        speaker.restaurant.toLowerCase().includes(queryLower) ||
-        speaker.content.toLowerCase().includes(queryLower))
-        .map((speaker) => ({
-        slug: speaker.slug,
-        name: speaker.name,
-        specialty: speaker.specialty,
-        restaurant: speaker.restaurant,
-    }));
-    const matchingTalks = allTalks
-        .filter((talk) => talk.title.toLowerCase().includes(queryLower) ||
-        talk.speaker.toLowerCase().includes(queryLower) ||
-        talk.topics.some((topic) => topic.toLowerCase().includes(queryLower)) ||
-        talk.content.toLowerCase().includes(queryLower))
-        .map((talk) => ({
-        slug: talk.slug,
-        title: talk.title,
-        speaker: talk.speaker,
-        topics: talk.topics,
-    }));
-    return {
-        speakers: matchingSpeakers,
-        talks: matchingTalks,
-    };
-});

package/dist/frameworks/react/examples/events/assets/src/lib/utils.js

@@ -1,5 +0,0 @@
-import { clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-export function cn(...inputs) {
-    return twMerge(clsx(inputs));
-}

package/dist/frameworks/react/examples/events/assets/src/routes/api.remy-chat.js

@@ -1,103 +0,0 @@
-import { createFileRoute } from '@tanstack/react-router';
-import { chat, maxIterations, toServerSentEventsResponse } from '@tanstack/ai';
-import { anthropicText } from '@tanstack/ai-anthropic';
-import { openaiText } from '@tanstack/ai-openai';
-import { geminiText } from '@tanstack/ai-gemini';
-import { ollamaText } from '@tanstack/ai-ollama';
-import { getSpeakerBySlug, getTalkBySlug, getAllSpeakers, getAllTalks, searchConference, } from '@/lib/conference-tools';
-export const Route = createFileRoute('/api/remy-chat')({
-    server: {
-        handlers: {
-            POST: async ({ request }) => {
-                const requestSignal = request.signal;
-                if (requestSignal.aborted) {
-                    return new Response(null, { status: 499 });
-                }
-                const abortController = new AbortController();
-                try {
-                    const body = await request.json();
-                    const { messages, speakerSlug, talkSlug } = body;
-                    const data = body.data || {};
-                    const SYSTEM_PROMPT = `You are Remy, a charming and knowledgeable culinary assistant for the Haute Pâtisserie 2026 conference in Paris. You have a warm, enthusiastic personality and deep appreciation for the art of pastry and baking.
-
-PERSONALITY:
-- Speak with warmth and a touch of French flair (occasional "magnifique!", "c'est parfait!", etc.)
-- Be genuinely passionate about pastry, bread, and culinary arts
-- Knowledgeable about techniques, ingredients, and the history of baking
-- Helpful and encouraging to both novices and professionals
-
-CAPABILITIES:
-1. Use getSpeakerBySlug to get detailed information about a specific speaker
-2. Use getTalkBySlug to get detailed information about a specific session
-3. Use getAllSpeakers to see the complete speaker lineup
-4. Use getAllTalks to see all available sessions
-5. Use searchConference to find speakers or sessions matching a topic or keyword
-
-INSTRUCTIONS:
-- When asked about the conference, speakers, or sessions, use your tools to provide accurate information
-- Help attendees find sessions that match their interests
-- Share enthusiasm about the speakers and their expertise
-- If asked about pastry techniques, you can provide general knowledge while recommending relevant sessions
-- Keep responses conversational but informative
-- When recommending sessions, explain why they might be interesting based on the user's query
-
-${speakerSlug ? `CONTEXT: The user is viewing the profile of the speaker with slug "${speakerSlug}".` : ''}
-${talkSlug ? `CONTEXT: The user is viewing the session with slug "${talkSlug}".` : ''}
-
-Remember: You are the friendly face of Haute Pâtisserie 2026. Make every attendee feel welcome and excited about the culinary journey ahead!`;
-                    // Determine the best available provider
-                    let provider = 'ollama';
-                    let model = 'mistral:7b';
-                    if (process.env.ANTHROPIC_API_KEY) {
-                        provider = 'anthropic';
-                        model = 'claude-haiku-4-5';
-                    }
-                    else if (process.env.OPENAI_API_KEY) {
-                        provider = 'openai';
-                        model = 'gpt-4o';
-                    }
-                    else if (process.env.GEMINI_API_KEY) {
-                        provider = 'gemini';
-                        model = 'gemini-2.0-flash-exp';
-                    }
-                    // Adapter factory pattern for multi-vendor support
-                    const adapterConfig = {
-                        anthropic: () => anthropicText((model || 'claude-haiku-4-5')),
-                        openai: () => openaiText((model || 'gpt-4o')),
-                        gemini: () => geminiText((model || 'gemini-2.0-flash-exp')),
-                        ollama: () => ollamaText((model || 'mistral:7b')),
-                    };
-                    const adapter = adapterConfig[provider]();
-                    const stream = chat({
-                        adapter,
-                        tools: [
-                            getSpeakerBySlug,
-                            getTalkBySlug,
-                            getAllSpeakers,
-                            getAllTalks,
-                            searchConference,
-                        ],
-                        systemPrompts: [SYSTEM_PROMPT],
-                        agentLoopStrategy: maxIterations(5),
-                        messages,
-                        abortController,
-                    });
-                    return toServerSentEventsResponse(stream, { abortController });
-                }
-                catch (error) {
-                    console.error('Remy chat error:', error);
-                    if (error.name === 'AbortError' || abortController.signal.aborted) {
-                        return new Response(null, { status: 499 });
-                    }
-                    return new Response(JSON.stringify({
-                        error: 'Failed to process chat request',
-                        message: error.message,
-                    }), {
-                        status: 500,
-                        headers: { 'Content-Type': 'application/json' },
-                    });
-                }
-            },
-        },
-    },
-});

package/dist/frameworks/react/examples/resume/assets/content-collections.js

@@ -1,33 +0,0 @@
-import { defineCollection, defineConfig } from '@content-collections/core';
-import { z } from 'zod';
-const jobs = defineCollection({
-    name: 'jobs',
-    directory: 'content/jobs',
-    include: '**/*.md',
-    schema: z.object({
-        jobTitle: z.string(),
-        summary: z.string(),
-        startDate: z.string(),
-        endDate: z.string().optional(),
-        company: z.string(),
-        location: z.string(),
-        tags: z.array(z.string()),
-        content: z.string(),
-    }),
-});
-const education = defineCollection({
-    name: 'education',
-    directory: 'content/education',
-    include: '**/*.md',
-    schema: z.object({
-        school: z.string(),
-        summary: z.string(),
-        startDate: z.string(),
-        endDate: z.string().optional(),
-        tags: z.array(z.string()),
-        content: z.string(),
-    }),
-});
-export default defineConfig({
-    collections: [jobs, education],
-});

package/dist/frameworks/react/examples/resume/assets/src/lib/resume-ai-hook.js

@@ -1,11 +0,0 @@
-import { fetchServerSentEvents, useChat, createChatClientOptions, } from '@tanstack/ai-react';
-// Default chat options for type inference
-const defaultChatOptions = createChatClientOptions({
-    connection: fetchServerSentEvents('/api/resume-chat'),
-});
-export const useResumeChat = () => {
-    const chatOptions = createChatClientOptions({
-        connection: fetchServerSentEvents('/api/resume-chat'),
-    });
-    return useChat(chatOptions);
-};

package/dist/frameworks/react/examples/resume/assets/src/lib/resume-tools.js

@@ -1,135 +0,0 @@
-import { toolDefinition } from '@tanstack/ai';
-import { z } from 'zod';
-import { allJobs, allEducations } from 'content-collections';
-// Tool definition for getting jobs by skill
-export const getJobsBySkillToolDef = toolDefinition({
-    name: 'getJobsBySkill',
-    description: 'Find all jobs where the candidate used a specific technology or skill. Use this to check if the candidate has experience with particular technologies.',
-    inputSchema: z.object({
-        skill: z
-            .string()
-            .describe('The skill or technology to search for (e.g., "React", "TypeScript", "Leadership")'),
-    }),
-    outputSchema: z.array(z.object({
-        jobTitle: z.string(),
-        company: z.string(),
-        location: z.string(),
-        startDate: z.string(),
-        endDate: z.string().optional(),
-        summary: z.string(),
-        tags: z.array(z.string()),
-        content: z.string(),
-    })),
-});
-// Server implementation
-export const getJobsBySkill = getJobsBySkillToolDef.server(({ skill }) => {
-    return allJobs.filter((job) => job.tags.some((tag) => tag.toLowerCase().includes(skill.toLowerCase())));
-});
-// Tool definition for getting all jobs
-export const getAllJobsToolDef = toolDefinition({
-    name: 'getAllJobs',
-    description: 'Get a complete list of all work experience with full details including job titles, companies, dates, summaries, and skills. Use this to get an overview of the candidate\'s entire work history.',
-    inputSchema: z.object({}),
-    outputSchema: z.array(z.object({
-        jobTitle: z.string(),
-        company: z.string(),
-        location: z.string(),
-        startDate: z.string(),
-        endDate: z.string().optional(),
-        summary: z.string(),
-        tags: z.array(z.string()),
-        content: z.string(),
-    })),
-});
-// Server implementation
-export const getAllJobs = getAllJobsToolDef.server(() => {
-    return allJobs.map((job) => ({
-        jobTitle: job.jobTitle,
-        company: job.company,
-        location: job.location,
-        startDate: job.startDate,
-        endDate: job.endDate,
-        summary: job.summary,
-        tags: job.tags,
-        content: job.content,
-    }));
-});
-// Tool definition for getting all education
-export const getAllEducationToolDef = toolDefinition({
-    name: 'getAllEducation',
-    description: 'Get a complete list of all education history including schools, programs, dates, and skills learned. Use this to understand the candidate\'s educational background.',
-    inputSchema: z.object({}),
-    outputSchema: z.array(z.object({
-        school: z.string(),
-        summary: z.string(),
-        startDate: z.string(),
-        endDate: z.string().optional(),
-        tags: z.array(z.string()),
-        content: z.string(),
-    })),
-});
-// Server implementation
-export const getAllEducation = getAllEducationToolDef.server(() => {
-    return allEducations.map((education) => ({
-        school: education.school,
-        summary: education.summary,
-        startDate: education.startDate,
-        endDate: education.endDate,
-        tags: education.tags,
-        content: education.content,
-    }));
-});
-// Tool definition for searching experience
-export const searchExperienceToolDef = toolDefinition({
-    name: 'searchExperience',
-    description: 'Search for jobs by keywords in the job title, company name, summary, or content. Use this to find specific types of experience or roles.',
-    inputSchema: z.object({
-        query: z
-            .string()
-            .describe('The search query (e.g., "senior", "lead", "frontend", "startup")'),
-    }),
-    outputSchema: z.array(z.object({
-        jobTitle: z.string(),
-        company: z.string(),
-        location: z.string(),
-        startDate: z.string(),
-        endDate: z.string().optional(),
-        summary: z.string(),
-        tags: z.array(z.string()),
-        matchedIn: z
-            .array(z.string())
-            .describe('Which fields matched the search'),
-    })),
-});
-// Server implementation
-export const searchExperience = searchExperienceToolDef.server(({ query }) => {
-    const lowerQuery = query.toLowerCase();
-    return allJobs
-        .map((job) => {
-        const matchedIn = [];
-        if (job.jobTitle.toLowerCase().includes(lowerQuery)) {
-            matchedIn.push('job title');
-        }
-        if (job.company.toLowerCase().includes(lowerQuery)) {
-            matchedIn.push('company');
-        }
-        if (job.summary.toLowerCase().includes(lowerQuery)) {
-            matchedIn.push('summary');
-        }
-        if (job.content.toLowerCase().includes(lowerQuery)) {
-            matchedIn.push('description');
-        }
-        return { job, matchedIn };
-    })
-        .filter(({ matchedIn }) => matchedIn.length > 0)
-        .map(({ job, matchedIn }) => ({
-        jobTitle: job.jobTitle,
-        company: job.company,
-        location: job.location,
-        startDate: job.startDate,
-        endDate: job.endDate,
-        summary: job.summary,
-        tags: job.tags,
-        matchedIn,
-    }));
-});

package/dist/frameworks/react/examples/resume/assets/src/lib/utils.js

@@ -1,5 +0,0 @@
-import { clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-export function cn(...inputs) {
-    return twMerge(clsx(inputs));
-}

package/dist/frameworks/react/examples/resume/assets/src/routes/api.resume-chat.js

@@ -1,92 +0,0 @@
-import { createFileRoute } from '@tanstack/react-router';
-import { chat, maxIterations, toServerSentEventsResponse } from '@tanstack/ai';
-import { anthropicText } from '@tanstack/ai-anthropic';
-import { openaiText } from '@tanstack/ai-openai';
-import { geminiText } from '@tanstack/ai-gemini';
-import { ollamaText } from '@tanstack/ai-ollama';
-import { getJobsBySkill, getAllJobs, getAllEducation, searchExperience, } from '@/lib/resume-tools';
-export const Route = createFileRoute('/api/resume-chat')({
-    server: {
-        handlers: {
-            POST: async ({ request }) => {
-                const requestSignal = request.signal;
-                if (requestSignal.aborted) {
-                    return new Response(null, { status: 499 });
-                }
-                const abortController = new AbortController();
-                try {
-                    const body = await request.json();
-                    const { messages } = body;
-                    const data = body.data || {};
-                    const SYSTEM_PROMPT = `You are a helpful resume assistant helping recruiters and hiring managers evaluate if this candidate is a good fit for their job requirements.
-
-CAPABILITIES:
-1. Use getJobsBySkill to find jobs where the candidate used specific technologies or skills
-2. Use getAllJobs to get the candidate's complete work history with all details
-3. Use getAllEducation to get the candidate's educational background
-4. Use searchExperience to search for specific types of roles or experience by keywords
-
-INSTRUCTIONS:
-- When asked about specific technologies or skills, use getJobsBySkill to find relevant experience
-- When asked about overall experience or career progression, use getAllJobs
-- When asked about education or training, use getAllEducation
-- When asked about specific types of roles (e.g., "senior", "lead"), use searchExperience
-- Be professional, concise, and helpful in your responses
-- Provide specific details from the resume when available
-- When calculating years of experience, consider the date ranges provided
-- If the candidate has experience with something, highlight specific roles and time periods
-- If the candidate lacks certain experience, be honest but constructive
-
-CONTEXT: You are helping evaluate this candidate's qualifications for potential job opportunities.`;
-                    // Determine the best available provider
-                    let provider = data.provider || 'ollama';
-                    let model = data.model || 'mistral:7b';
-                    // Use the first available provider with an API key, fallback to ollama
-                    if (process.env.ANTHROPIC_API_KEY) {
-                        provider = 'anthropic';
-                        model = 'claude-haiku-4-5';
-                    }
-                    else if (process.env.OPENAI_API_KEY) {
-                        provider = 'openai';
-                        model = 'gpt-4o';
-                    }
-                    else if (process.env.GEMINI_API_KEY) {
-                        provider = 'gemini';
-                        model = 'gemini-2.0-flash-exp';
-                    }
-                    // else keep ollama as default
-                    // Adapter factory pattern for multi-vendor support
-                    const adapterConfig = {
-                        anthropic: () => anthropicText((model || 'claude-haiku-4-5')),
-                        openai: () => openaiText((model || 'gpt-4o')),
-                        gemini: () => geminiText((model || 'gemini-2.0-flash-exp')),
-                        ollama: () => ollamaText((model || 'mistral:7b')),
-                    };
-                    const adapter = adapterConfig[provider]();
-                    const stream = chat({
-                        adapter,
-                        tools: [getJobsBySkill, getAllJobs, getAllEducation, searchExperience],
-                        systemPrompts: [SYSTEM_PROMPT],
-                        agentLoopStrategy: maxIterations(5),
-                        messages,
-                        abortController,
-                    });
-                    return toServerSentEventsResponse(stream, { abortController });
-                }
-                catch (error) {
-                    console.error('Resume chat error:', error);
-                    if (error.name === 'AbortError' || abortController.signal.aborted) {
-                        return new Response(null, { status: 499 });
-                    }
-                    return new Response(JSON.stringify({
-                        error: 'Failed to process chat request',
-                        message: error.message,
-                    }), {
-                        status: 500,
-                        headers: { 'Content-Type': 'application/json' },
-                    });
-                }
-            },
-        },
-    },
-});

package/dist/frameworks/solid/add-ons/better-auth/assets/src/lib/auth-client.js

@@ -1,2 +0,0 @@
-import { createAuthClient } from 'better-auth/solid';
-export const authClient = createAuthClient();

package/dist/frameworks/solid/add-ons/better-auth/assets/src/lib/auth.js

@@ -1,8 +0,0 @@
-import { betterAuth } from 'better-auth';
-import { tanstackStartCookies } from 'better-auth/tanstack-start';
-export const auth = betterAuth({
-    emailAndPassword: {
-        enabled: true,
-    },
-    plugins: [tanstackStartCookies()],
-});

package/dist/frameworks/solid/add-ons/better-auth/assets/src/routes/api/auth/$.js

@@ -1,10 +0,0 @@
-import { createFileRoute } from '@tanstack/solid-router';
-import { auth } from '../../../lib/auth';
-export const Route = createFileRoute('/api/auth/$')({
-    server: {
-        handlers: {
-            GET: ({ request }) => auth.handler(request),
-            POST: ({ request }) => auth.handler(request),
-        },
-    },
-});

package/dist/frameworks/solid/add-ons/convex/assets/convex/schema.js

@@ -1,13 +0,0 @@
-import { defineSchema, defineTable } from 'convex/server';
-import { v } from 'convex/values';
-export default defineSchema({
-    products: defineTable({
-        title: v.string(),
-        imageId: v.string(),
-        price: v.number(),
-    }),
-    todos: defineTable({
-        text: v.string(),
-        completed: v.boolean(),
-    }),
-});

package/dist/frameworks/solid/add-ons/convex/assets/convex/todos.js

@@ -1,39 +0,0 @@
-import { mutation, query } from './_generated/server';
-import { v } from 'convex/values';
-export const list = query({
-    args: {},
-    handler: async (ctx) => {
-        return await ctx.db
-            .query('todos')
-            .withIndex('by_creation_time')
-            .order('desc')
-            .collect();
-    },
-});
-export const add = mutation({
-    args: { text: v.string() },
-    handler: async (ctx, args) => {
-        return await ctx.db.insert('todos', {
-            text: args.text,
-            completed: false,
-        });
-    },
-});
-export const toggle = mutation({
-    args: { id: v.id('todos') },
-    handler: async (ctx, args) => {
-        const todo = await ctx.db.get(args.id);
-        if (!todo) {
-            throw new Error('Todo not found');
-        }
-        return await ctx.db.patch(args.id, {
-            completed: !todo.completed,
-        });
-    },
-});
-export const remove = mutation({
-    args: { id: v.id('todos') },
-    handler: async (ctx, args) => {
-        return await ctx.db.delete(args.id);
-    },
-});

package/dist/frameworks/solid/add-ons/solid-ui/assets/src/lib/utils.js

@@ -1,5 +0,0 @@
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-export function cn(...inputs) {
-    return twMerge(clsx(inputs));
-}

package/dist/frameworks/solid/add-ons/store/assets/src/lib/demo-store.js

@@ -1,10 +0,0 @@
-import { Derived, Store } from '@tanstack/store';
-export const store = new Store({
-    firstName: 'Jane',
-    lastName: 'Smith',
-});
-export const fullName = new Derived({
-    fn: () => `${store.state.firstName} ${store.state.lastName}`,
-    deps: [store],
-});
-fullName.mount();