@linguanahq/cli 0.1.0

package/dist/templates/saas/tanstack-start/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

package/dist/templates/saas/tanstack-start/tsconfig.json

@@ -0,0 +1,23 @@
+{
+	"compilerOptions": {
+		"target": "ES2022",
+		"module": "ESNext",
+		"lib": ["ES2022", "DOM", "DOM.Iterable"],
+		"moduleResolution": "Bundler",
+		"strict": true,
+		"skipLibCheck": true,
+		"esModuleInterop": true,
+		"allowImportingTsExtensions": true,
+		"resolveJsonModule": true,
+		"noEmit": true,
+		"types": ["vite/client", "node"],
+		"jsx": "react-jsx"
+	},
+	"include": [
+		"src/**/*.ts",
+		"src/**/*.tsx",
+		"src/**/*.vue",
+		"src/**/*.svelte",
+		"vite.config.ts"
+	]
+}

package/dist/templates/saas/tanstack-start/vite.config.ts

@@ -0,0 +1,50 @@
+import { fileURLToPath } from "node:url";
+import { linguana } from "@linguanahq/vite";
+import { react } from "@linguanahq/vite/react";
+import { tanstackStart } from "@tanstack/react-start/plugin/vite";
+import native from "@vitejs/plugin-react";
+import { nitro } from "nitro/vite";
+import { defineConfig, loadEnv } from "vite";
+import config from "./linguana.json" with { type: "json" };
+export default defineConfig(({ mode }) => {
+	const env = { ...loadEnv(mode, process.cwd(), ""), ...process.env };
+	const connected = config.mode === "connected";
+	if (
+		connected &&
+		(!env.LINGUANA_PROJECT_ID ||
+			!env.VITE_LINGUANA_PUBLISHABLE_KEY ||
+			env.LINGUANA_PROJECT_ID !== env.VITE_LINGUANA_PROJECT_ID ||
+			env.LINGUANA_ENVIRONMENT !== env.VITE_LINGUANA_ENVIRONMENT ||
+			env.LINGUANA_API_URL !== env.VITE_LINGUANA_API_URL)
+	)
+		throw new Error(
+			"Linguana environment is incomplete or inconsistent. Run linguana env pull for this build mode.",
+		);
+	return {
+		resolve: {
+			alias: [
+				{
+					find: "tslib",
+					replacement: fileURLToPath(
+						import.meta.resolve("tslib/tslib.es6.mjs"),
+					),
+				},
+			],
+		},
+		plugins: [
+			linguana({
+				adapter: react(),
+				projectId: connected ? env.LINGUANA_PROJECT_ID! : "demo-saas",
+				environment: connected ? env.LINGUANA_ENVIRONMENT : "development",
+				sourceLocale: config.sourceLocale,
+				apiUrl: connected ? env.LINGUANA_API_URL : undefined,
+				token: connected ? env.LINGUANA_PROJECT_TOKEN : undefined,
+				upload: connected && env.LINGUANA_UPLOAD === "true",
+				translation: false,
+			}),
+			tanstackStart(),
+			nitro(),
+			native(),
+		],
+	};
+});

package/dist/templates/saas/tanstack-start/wrangler.jsonc

@@ -0,0 +1,12 @@
+{
+  "name": "linguana-demo-saas-tanstack-start",
+  "compatibility_date": "2026-10-01",
+  "main": ".output/server/index.mjs",
+  "compatibility_flags": [
+    "nodejs_compat"
+  ],
+  "assets": {
+    "directory": ".output/public",
+    "binding": "ASSETS"
+  }
+}

package/dist/templates/saas/vue/.env.example

@@ -0,0 +1,15 @@
+# Demo mode works without credentials. Connect with npx @linguanahq/cli link.
+# Copying this file alone does not enable connected mode; use linguana.json.
+# Build/server only. NEVER prefix the project token with VITE_.
+LINGUANA_PROJECT_ID=
+LINGUANA_ENVIRONMENT=development
+LINGUANA_API_URL=https://linguana-api.mohammedibrahim.dev
+LINGUANA_PROJECT_TOKEN=
+LINGUANA_UPLOAD=false
+# Paid translation is disabled; this template does not enable it automatically.
+LINGUANA_TRANSLATE=false
+# Browser-safe values. A publishable key reads published catalogs only.
+VITE_LINGUANA_PROJECT_ID=
+VITE_LINGUANA_ENVIRONMENT=development
+VITE_LINGUANA_API_URL=https://linguana-api.mohammedibrahim.dev
+VITE_LINGUANA_PUBLISHABLE_KEY=

package/dist/templates/saas/vue/ASSETS.md

@@ -0,0 +1 @@
+All illustrations in public/assets were drawn for these templates and are covered by LICENSE (MIT). Sample writing and translations are also MIT. No remote images, tracking pixels, or font services are used. Product images and prices describe fictional demonstration goods.

package/dist/templates/saas/vue/DEPLOY.md

@@ -0,0 +1,23 @@
+# Deploy Relay
+
+Demo mode needs no Linguana account. Hosting authentication is separate from the Linguana CLI.
+
+## Cloudflare Workers
+
+Install dependencies, choose a unique Worker name in wrangler.jsonc, then:
+
+```sh
+npx wrangler login
+npm run build
+npx wrangler deploy
+```
+
+Wrangler serves dist as static assets with single-page navigation fallback. Deep article/product links continue to work.
+
+## Any static host
+
+Run `npm run build` and publish dist/. Configure unknown paths to serve /index.html with status 200 (SPA fallback). A static preview can be started with `npm run preview`. Do not publish the project root.
+
+## Connected deployments
+
+Pull the intended environment with `linguana env pull --environment production`. Configure the variables from .env.example in the build host, including the matching public project/environment values. Build tokens are secrets used by the compiler only. Never upload .env files or the CLI account session. LINGUANA_TRANSLATE remains false. Catalog publication is an explicit dashboard action.

package/dist/templates/saas/vue/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Linguana contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/templates/saas/vue/README.md

@@ -0,0 +1,36 @@
+# Relay
+
+A home for your next product. Interactive handovers, clear pricing, and a useful first impression.
+
+A standalone vue app, generated from Linguana templates v0.1.0. Requires Node 22.12+ (or Bun).
+
+## Run
+
+```sh
+npm install
+npm run dev
+```
+
+You can also use pnpm, Yarn, or Bun. English, French, Spanish, and Arabic catalogs are bundled in demo mode. No Linguana API requests are made. The language cookie persists between visits. Arabic switches the document to RTL.
+
+## Connect your own project
+
+```sh
+npx @linguanahq/cli login
+npx @linguanahq/cli link
+npx @linguanahq/cli doctor
+```
+
+Linking writes nonsecret `linguana.json` and ignored `.env.local`. The account session stays outside this project. Only the public project ID, environment, API URL, and publishable key reach the browser. Build tokens never belong in `VITE_*` variables.
+
+Connected mode uses your published project catalogs and English source fallback. It does not load demo translations. Builds can upload the source manifest but do not start paid translations or publish catalogs. Review and publish translations in your dashboard. Existing project languages remain unchanged unless you pass `--locales`.
+
+To target another environment, use `linguana env pull --environment staging`, then `npm run build -- --mode staging`. Production uses `.env.production.local` and Vite's default production build mode. Configure matching private and public values on your build host; see .env.example.
+
+## Customize
+
+Edit native components in src/App.vue, literal messages in src/Copy.vue, source fallbacks in src/messages.ts, and bundled demo catalogs in src/demo-messages.ts. Keep explicit message IDs stable. Each Copy branch is an extractable literal message; structured items in src/model.ts hold identifiers, prices, dates, and media only. Build output includes .linguana/manifest.json for review.
+
+The demo form validates locally. It never sends personal information or creates bookings.
+
+Run `npm run check-types` and `npm run build` before deploying. Deployment instructions are in DEPLOY.md. Source and illustrations are MIT; see LICENSE and ASSETS.md.

package/dist/templates/saas/vue/_gitignore

@@ -0,0 +1,11 @@
+node_modules/
+dist/
+.output/
+.nitro/
+.tanstack/
+.wrangler/
+.env
+.env.local
+.env.*.local
+.linguana/
+*.log

package/dist/templates/saas/vue/index.html

@@ -0,0 +1,2 @@
+<!doctype html>
+<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="description" content="A home for your next product. Interactive handovers, clear pricing, and a useful first impression."><meta name="theme-color" content="#4458c5"><title>Relay</title></head><body><div id="app"></div><script type="module" src="/src/main.ts"></script></body></html>

package/dist/templates/saas/vue/linguana.json

@@ -0,0 +1,10 @@
+{
+	"schemaVersion": 1,
+	"framework": "vue",
+	"template": "saas",
+	"templateVersion": "0.1.0",
+	"mode": "demo",
+	"apiUrl": "https://linguana-api.mohammedibrahim.dev",
+	"sourceLocale": "en",
+	"defaultEnvironment": "development"
+}

package/dist/templates/saas/vue/package.json

@@ -0,0 +1,34 @@
+{
+	"name": "saas-vue",
+	"version": "0.1.0",
+	"private": true,
+	"type": "module",
+	"license": "MIT",
+	"engines": {
+		"node": ">=22.12.0"
+	},
+	"scripts": {
+		"dev": "vite --host 127.0.0.1",
+		"build": "vite build",
+		"preview": "vite preview",
+		"check-types": "vue-tsc --noEmit",
+		"deploy": "npm run build && wrangler deploy"
+	},
+	"dependencies": {
+		"@linguanahq/catalog": "0.1.1",
+		"@linguanahq/core": "0.1.1",
+		"@linguanahq/vue": "0.1.1",
+		"vue": "^3.5.24"
+	},
+	"devDependencies": {
+		"@linguanahq/vite": "0.1.1",
+		"typescript": "^6.0.0",
+		"vite": "^8.1.3",
+		"@types/node": "^24.0.0",
+		"wrangler": "^4.127.0",
+		"@vitejs/plugin-vue": "^6.0.2",
+		"@vue/compiler-dom": "^3.5.24",
+		"@vue/compiler-sfc": "^3.5.24",
+		"vue-tsc": "^3.1.0"
+	}
+}

package/dist/templates/saas/vue/src/App.vue

@@ -0,0 +1,244 @@
+<script setup lang="ts">
+import { useTranslation } from "@linguanahq/vue";
+import { onMounted, onUnmounted, reactive, watchEffect } from "vue";
+import Copy from "./Copy.vue";
+import { demoLocales } from "./i18n";
+import { messages } from "./messages";
+import {
+	initialState,
+	items,
+	quantity,
+	readCart,
+	type State,
+	saveCart,
+} from "./model";
+
+const runtime = useTranslation();
+const locale = () => runtime.locale.value;
+const translate = runtime.translate;
+const locales = () =>
+	runtime.availableLocales.value.length
+		? runtime.availableLocales.value
+		: demoLocales.filter((item) => item.code === "en");
+const changeLocale = (value: string) => void runtime.setLocale(value);
+const state = reactive(initialState());
+const set = <K extends keyof State>(key: K, value: State[K]) => {
+	state[key] = value;
+};
+const pop = () => set("path", window.location.pathname);
+onMounted(() => {
+	set("cart", readCart());
+	window.addEventListener("popstate", pop);
+});
+onUnmounted(() => window.removeEventListener("popstate", pop));
+watchEffect(() => {
+	document.documentElement.lang = locale();
+	document.documentElement.dir = locale().startsWith("ar") ? "rtl" : "ltr";
+});
+const msg = (id: string, values?: Record<string, string | number>) =>
+	String(translate(id, messages[id] ?? id, values));
+const value = (event: Event | { currentTarget: EventTarget | null }) =>
+	(event.currentTarget as HTMLInputElement).value;
+const money = (amount: number) =>
+	new Intl.NumberFormat(locale(), {
+		style: "currency",
+		currency: "USD",
+		maximumFractionDigits: 2,
+	}).format(amount);
+const date = (input: string) =>
+	new Intl.DateTimeFormat(locale(), {
+		dateStyle: "medium",
+		timeZone: "UTC",
+	}).format(new Date(input));
+const visible = () =>
+	items
+		.filter(
+			(item) =>
+				(state.category === "all" || item.category === state.category) &&
+				`${msg(`${item.id}Title`)} ${msg(`${item.id}Summary`)}`
+					.toLocaleLowerCase(locale())
+					.includes(state.query.toLocaleLowerCase(locale()).trim()),
+		)
+		.sort((a, b) =>
+			state.sort === "low"
+				? a.price - b.price
+				: state.sort === "high"
+					? b.price - a.price
+					: 0,
+		);
+const detailHref = (id: string) =>
+	`/products/${items.find((item) => item.id === id)!.slug}`;
+const detail = () => items.find((item) => detailHref(item.id) === state.path);
+const notFound = () => state.path !== "/" && detail() === undefined;
+const clearFilters = () => {
+	set("query", "");
+	set("category", "all");
+};
+const count = () =>
+	Object.values(state.cart).reduce((total, count) => total + count, 0);
+const cartItems = () => items.filter((item) => (state.cart[item.id] ?? 0) > 0);
+const total = () =>
+	cartItems().reduce(
+		(total, item) => total + item.price * state.cart[item.id]!,
+		0,
+	);
+const updateCart = (id: string, count: number) => {
+	const cart = { ...state.cart };
+	if (count <= 0) delete cart[id];
+	else cart[id] = quantity(count);
+	set("cart", cart);
+	saveCart(cart);
+};
+const add = (id: string, count: number) => {
+	updateCart(id, (state.cart[id] ?? 0) + count);
+	set("added", true);
+	set("checkout", false);
+};
+const checkout = () => {
+	set("cart", {});
+	saveCart({});
+	set("checkout", true);
+	set("added", false);
+};
+const submit = (event: { preventDefault(): void }) => {
+	event.preventDefault();
+	const valid = Boolean(
+		state.name.trim() && /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(state.email),
+	);
+	set("error", !valid);
+	set("sent", valid);
+};
+const navigate = (event: {
+	currentTarget: EventTarget | null;
+	preventDefault(): void;
+	metaKey: boolean;
+	ctrlKey: boolean;
+	shiftKey: boolean;
+	altKey: boolean;
+	button: number;
+}) => {
+	if (
+		event.metaKey ||
+		event.ctrlKey ||
+		event.shiftKey ||
+		event.altKey ||
+		event.button !== 0
+	)
+		return;
+	const target = new URL((event.currentTarget as HTMLAnchorElement).href);
+	if (target.origin !== window.location.origin) return;
+	event.preventDefault();
+	window.history.pushState({}, "", target.pathname);
+	set("path", target.pathname);
+	set("quantity", 1);
+	set("added", false);
+	window.scrollTo(0, 0);
+};
+</script>
+<template>
+<div class="site saas"><a href="#main" class="skip-link"><Copy name="skip"></Copy></a>
+<header class="site-header"><a href="/" class="brand" @click="navigate($event)" :aria-label="'Relay — ' + msg('home')"><span class="brand-mark" aria-hidden="true">↗</span>
+Relay</a>
+<nav :aria-label="msg('home')"><a href="/#preview"><Copy name="product"></Copy></a>
+<a href="/#pricing"><Copy name="pricing"></Copy></a>
+<label class="locale-picker"><span class="sr-only"><Copy name="language"></Copy></span>
+<select :value="locale()" :aria-label="msg('language')" @change="changeLocale(value($event))"><template v-for="language in locales()" :key="language.code"><option :value="language.code">{{ language.nativeName }}</option></template></select></label>
+<a href="/#demo" class="button small"><Copy name="demoCta"></Copy></a></nav></header>
+<main id="main"><template v-if="state.path === '/'"><section class="hero saas-hero"><div class="hero-copy"><p class="eyebrow"><Copy name="eyebrow"></Copy></p>
+<h1 ><Copy name="headline"></Copy></h1>
+<p class="intro"><Copy name="intro"></Copy></p>
+<div class="hero-actions"><a href="#preview" class="button"><Copy name="try"></Copy>
+ ↗</a>
+<a href="#pricing" class="text-link"><Copy name="pricing"></Copy></a></div></div>
+<div class="handover-art" aria-hidden="true"><span class="orbit-label">01 → 02 → 03</span>
+<div class="paper"><div class="avatar">A</div>
+<strong ><Copy name="boardTitle"></Copy></strong>
+<div class="paper-line"></div>
+<div class="paper-line short"></div>
+<div class="avatars"><span >JD</span>
+<span >MK</span>
+<span >AL</span></div></div>
+<div class="art-stamp">↗</div></div></section>
+<section class="section workflow" id="preview"><div ><p class="eyebrow"><Copy name="live"></Copy></p>
+<h2 ><Copy name="preview"></Copy></h2>
+<div class="workflow-steps"><button type="button" :class="state.step === 0 ? 'workflow-step selected' : 'workflow-step'" :aria-pressed="state.step === 0" @click="set('step', 0)"><span class="step-number">01</span>
+<span ><strong ><Copy name="step0"></Copy></strong>
+<span ><Copy name="step0Body"></Copy></span></span></button>
+<button type="button" :class="state.step === 1 ? 'workflow-step selected' : 'workflow-step'" :aria-pressed="state.step === 1" @click="set('step', 1)"><span class="step-number">02</span>
+<span ><strong ><Copy name="step1"></Copy></strong>
+<span ><Copy name="step1Body"></Copy></span></span></button>
+<button type="button" :class="state.step === 2 ? 'workflow-step selected' : 'workflow-step'" :aria-pressed="state.step === 2" @click="set('step', 2)"><span class="step-number">03</span>
+<span ><strong ><Copy name="step2"></Copy></strong>
+<span ><Copy name="step2Body"></Copy></span></span></button></div></div>
+<div class="preview-board"><div class="board-header"><span class="dot"></span>
+RELAY / 
+<Copy name="boardTitle"></Copy></div>
+<div class="board-content"><p class="eyebrow"><Copy :name=" 'step' + state.step"></Copy></p>
+<h3 ><Copy name="boardNote"></Copy></h3>
+<template v-if="state.step >= 1"><p class="owner"><span class="avatar">A</span>
+<Copy name="owner"></Copy></p></template>
+<template v-if="state.step === 2"><button type="button" class="button" @click="set('acknowledged', true)"><Copy name="acknowledge"></Copy></button></template>
+<template v-if="state.acknowledged"><p role="status" class="success"><Copy name="acknowledged"></Copy></p></template></div></div></section>
+<section class="section features"><article ><span class="feature-icon" aria-hidden="true">↗</span>
+<h2 ><Copy name="feature1"></Copy></h2>
+<p ><Copy name="feature1Body"></Copy></p></article>
+<article ><span class="feature-icon" aria-hidden="true">◎</span>
+<h2 ><Copy name="feature2"></Copy></h2>
+<p ><Copy name="feature2Body"></Copy></p></article></section>
+<section class="section pricing" id="pricing"><p class="eyebrow"><Copy name="pricing"></Copy></p>
+<h2 ><Copy name="priceHeading"></Copy></h2>
+<fieldset class="billing-toggle" :aria-label="msg('pricing')"><button type="button" :aria-pressed="!state.annual" @click="set('annual', false)"><Copy name="monthly"></Copy></button>
+<button type="button" :aria-pressed="state.annual" @click="set('annual', true)"><Copy name="yearly"></Copy></button></fieldset>
+<div class="pricing-grid"><article class="plan "><h3 ><Copy name="starter"></Copy></h3>
+<p ><Copy name="starterDesc"></Copy></p>
+<p class="plan-price">{{ money(12 * (state.annual ? 0.8 : 1)) }}</p>
+<p class="muted"><Copy name="perMonth"></Copy></p>
+<p class="billing-note"><template v-if="state.annual"><Copy name="billed"></Copy></template></p>
+<a href="#demo" class="button"><Copy name="select"></Copy></a>
+<ul ><li ><Copy name="planFeature1"></Copy></li>
+<li ><Copy name="planFeature2"></Copy></li></ul></article>
+<article class="plan popular"><span class="plan-badge"><Copy name="popular"></Copy></span>
+<h3 ><Copy name="team"></Copy></h3>
+<p ><Copy name="teamDesc"></Copy></p>
+<p class="plan-price">{{ money(24 * (state.annual ? 0.8 : 1)) }}</p>
+<p class="muted"><Copy name="perMonth"></Copy></p>
+<p class="billing-note"><template v-if="state.annual"><Copy name="billed"></Copy></template></p>
+<a href="#demo" class="button"><Copy name="select"></Copy></a>
+<ul ><li ><Copy name="planFeature1"></Copy></li>
+<li ><Copy name="planFeature2"></Copy></li>
+<li ><Copy name="planFeature3"></Copy></li></ul></article>
+<article class="plan "><h3 ><Copy name="scale"></Copy></h3>
+<p ><Copy name="scaleDesc"></Copy></p>
+<p class="plan-price">{{ money(48 * (state.annual ? 0.8 : 1)) }}</p>
+<p class="muted"><Copy name="perMonth"></Copy></p>
+<p class="billing-note"><template v-if="state.annual"><Copy name="billed"></Copy></template></p>
+<a href="#demo" class="button"><Copy name="select"></Copy></a>
+<ul ><li ><Copy name="planFeature1"></Copy></li>
+<li ><Copy name="planFeature2"></Copy></li>
+<li ><Copy name="planFeature3"></Copy></li></ul></article></div></section>
+<section class="section faq" id="faq"><h2 ><Copy name="faq"></Copy></h2>
+<details ><summary ><Copy name="q1"></Copy></summary>
+<p ><Copy name="a1"></Copy></p></details>
+<details ><summary ><Copy name="q2"></Copy></summary>
+<p ><Copy name="a2"></Copy></p></details>
+<details ><summary ><Copy name="q3"></Copy></summary>
+<p ><Copy name="a3"></Copy></p></details></section>
+<section class="section contact" id="demo"><div ><p class="eyebrow"><Copy name="demoCta"></Copy></p>
+<h2 ><Copy name="formTitle"></Copy></h2></div>
+<form class="demo-form" @submit="submit($event)" novalidate><label ><Copy name="name"></Copy>
+<input name="name" autocomplete="name" required maxlength="80" :value="state.name" @input="set('name', value($event))" /></label>
+<label ><Copy name="email"></Copy>
+<input type="email" name="email" autocomplete="email" required :value="state.email" @input="set('email', value($event))" /></label>
+<button class="button" type="submit"><Copy name="demoCta"></Copy></button>
+<p class="muted fine"><Copy name="simulated"></Copy></p>
+<template v-if="state.error"><p role="alert"><Copy name="formError"></Copy></p></template>
+<template v-if="state.sent"><p role="status" class="success"><Copy name="sent" :values="{ name: state.name }"></Copy></p></template></form></section></template>
+<template v-if="notFound()"><section class="section empty"><p class="eyebrow">404</p>
+<h1 ><Copy name="missing"></Copy></h1>
+<p ><Copy name="missingHint"></Copy></p>
+<a href="/" @click="navigate($event)"><Copy name="back"></Copy></a></section></template></main>
+<footer class="site-footer"><div ><a href="/" class="brand" @click="navigate($event)">Relay</a>
+<p ><Copy name="about"></Copy></p></div>
+<p class="fine"><Copy name="demo"></Copy>
+<a href="https://linguana.mohammedibrahim.dev" rel="noreferrer">Linguana ↗</a></p></footer></div>
+</template>

package/dist/templates/saas/vue/src/Copy.vue

@@ -0,0 +1,73 @@
+<script setup lang="ts">
+import { T } from "@linguanahq/vue";
+
+defineProps<{ name: string; values?: Record<string, string | number> }>();
+</script>
+<template>
+<T v-if="name === 'language'" id="language" defaultMessage="Language" :values="values" />
+<T v-else-if="name === 'skip'" id="skip" defaultMessage="Skip to content" :values="values" />
+<T v-else-if="name === 'home'" id="home" defaultMessage="Home" :values="values" />
+<T v-else-if="name === 'search'" id="search" defaultMessage="Search" :values="values" />
+<T v-else-if="name === 'all'" id="all" defaultMessage="All" :values="values" />
+<T v-else-if="name === 'empty'" id="empty" defaultMessage="Nothing here yet." :values="values" />
+<T v-else-if="name === 'emptyHint'" id="emptyHint" defaultMessage="Try another search or clear your filters." :values="values" />
+<T v-else-if="name === 'clear'" id="clear" defaultMessage="Clear filters" :values="values" />
+<T v-else-if="name === 'missing'" id="missing" defaultMessage="This page took a different path." :values="values" />
+<T v-else-if="name === 'missingHint'" id="missingHint" defaultMessage="We could not find that page. There is plenty to discover back home." :values="values" />
+<T v-else-if="name === 'back'" id="back" defaultMessage="Back to home" :values="values" />
+<T v-else-if="name === 'demo'" id="demo" defaultMessage="A multilingual demo, made with Linguana." :values="values" />
+<T v-else-if="name === 'email'" id="email" defaultMessage="Email address" :values="values" />
+<T v-else-if="name === 'name'" id="name" defaultMessage="Your name" :values="values" />
+<T v-else-if="name === 'simulated'" id="simulated" defaultMessage="Demo only. Your information stays in this browser." :values="values" />
+<T v-else-if="name === 'sent'" id="sent" defaultMessage="Thank you, {name}! This was a demo; nothing was sent." :values="values" />
+<T v-else-if="name === 'formError'" id="formError" defaultMessage="Please enter your name and a valid email address." :values="values" />
+<T v-else-if="name === 'eyebrow'" id="eyebrow" defaultMessage="For teams that keep moving" :values="values" />
+<T v-else-if="name === 'headline'" id="headline" defaultMessage="Great work deserves a better handover." :values="values" />
+<T v-else-if="name === 'intro'" id="intro" defaultMessage="Give your next shift the context they need. One clear update, every decision, nothing lost between teams." :values="values" />
+<T v-else-if="name === 'try'" id="try" defaultMessage="Try the handover" :values="values" />
+<T v-else-if="name === 'pricing'" id="pricing" defaultMessage="Pricing" :values="values" />
+<T v-else-if="name === 'product'" id="product" defaultMessage="How it works" :values="values" />
+<T v-else-if="name === 'demoCta'" id="demoCta" defaultMessage="Book a demo" :values="values" />
+<T v-else-if="name === 'preview'" id="preview" defaultMessage="Your next shift starts here" :values="values" />
+<T v-else-if="name === 'live'" id="live" defaultMessage="Interactive preview" :values="values" />
+<T v-else-if="name === 'step0'" id="step0" defaultMessage="Write the update" :values="values" />
+<T v-else-if="name === 'step1'" id="step1" defaultMessage="Add the context" :values="values" />
+<T v-else-if="name === 'step2'" id="step2" defaultMessage="Pass it on" :values="values" />
+<T v-else-if="name === 'step0Body'" id="step0Body" defaultMessage="Capture what changed while it is still fresh. A short note is all it takes." :values="values" />
+<T v-else-if="name === 'step1Body'" id="step1Body" defaultMessage="Attach decisions, owners, and next steps so nobody has to piece things together." :values="values" />
+<T v-else-if="name === 'step2Body'" id="step2Body" defaultMessage="Your teammates arrive with a clear picture and can get straight to meaningful work." :values="values" />
+<T v-else-if="name === 'boardTitle'" id="boardTitle" defaultMessage="Customer success · Morning shift" :values="values" />
+<T v-else-if="name === 'boardNote'" id="boardNote" defaultMessage="The new onboarding guide is ready. Two accounts need a follow-up before noon." :values="values" />
+<T v-else-if="name === 'owner'" id="owner" defaultMessage="Owner: Alex" :values="values" />
+<T v-else-if="name === 'acknowledged'" id="acknowledged" defaultMessage="Handover acknowledged" :values="values" />
+<T v-else-if="name === 'acknowledge'" id="acknowledge" defaultMessage="Acknowledge handover" :values="values" />
+<T v-else-if="name === 'feature1'" id="feature1" defaultMessage="A little structure. A lot less chasing." :values="values" />
+<T v-else-if="name === 'feature1Body'" id="feature1Body" defaultMessage="Keep the important details in one place. Every handover has a clear owner and a next step." :values="values" />
+<T v-else-if="name === 'feature2'" id="feature2" defaultMessage="Made for the people doing the work." :values="values" />
+<T v-else-if="name === 'feature2Body'" id="feature2Body" defaultMessage="A calm workspace across time zones and languages. Less catching up, more moving forward." :values="values" />
+<T v-else-if="name === 'priceHeading'" id="priceHeading" defaultMessage="Simple plans. Room to grow." :values="values" />
+<T v-else-if="name === 'monthly'" id="monthly" defaultMessage="Monthly" :values="values" />
+<T v-else-if="name === 'yearly'" id="yearly" defaultMessage="Yearly · save 20%" :values="values" />
+<T v-else-if="name === 'perMonth'" id="perMonth" defaultMessage="per seat / month" :values="values" />
+<T v-else-if="name === 'billed'" id="billed" defaultMessage="Billed annually" :values="values" />
+<T v-else-if="name === 'starter'" id="starter" defaultMessage="Starter" :values="values" />
+<T v-else-if="name === 'team'" id="team" defaultMessage="Team" :values="values" />
+<T v-else-if="name === 'scale'" id="scale" defaultMessage="Scale" :values="values" />
+<T v-else-if="name === 'starterDesc'" id="starterDesc" defaultMessage="A thoughtful start for small teams." :values="values" />
+<T v-else-if="name === 'teamDesc'" id="teamDesc" defaultMessage="Everything a growing team needs." :values="values" />
+<T v-else-if="name === 'scaleDesc'" id="scaleDesc" defaultMessage="Coordination across your whole company." :values="values" />
+<T v-else-if="name === 'planFeature1'" id="planFeature1" defaultMessage="Unlimited handovers" :values="values" />
+<T v-else-if="name === 'planFeature2'" id="planFeature2" defaultMessage="Searchable team history" :values="values" />
+<T v-else-if="name === 'planFeature3'" id="planFeature3" defaultMessage="Shared workflows and insights" :values="values" />
+<T v-else-if="name === 'popular'" id="popular" defaultMessage="Most popular" :values="values" />
+<T v-else-if="name === 'select'" id="select" defaultMessage="Explore this plan" :values="values" />
+<T v-else-if="name === 'faq'" id="faq" defaultMessage="A few things you might be wondering" :values="values" />
+<T v-else-if="name === 'q1'" id="q1" defaultMessage="Can I try Relay before committing?" :values="values" />
+<T v-else-if="name === 'a1'" id="a1" defaultMessage="This is a fully interactive frontend demo. Explore the preview and pricing without an account or payment details." :values="values" />
+<T v-else-if="name === 'q2'" id="q2" defaultMessage="Does this template include a backend?" :values="values" />
+<T v-else-if="name === 'a2'" id="a2" defaultMessage="The template includes the complete landing page. Connect your own backend when you are ready; demo forms stay local." :values="values" />
+<T v-else-if="name === 'q3'" id="q3" defaultMessage="Can our team work in different languages?" :values="values" />
+<T v-else-if="name === 'a3'" id="a3" defaultMessage="Yes. Switch between English, French, Spanish, and Arabic in this demo. Connect Linguana to publish your own translations." :values="values" />
+<T v-else-if="name === 'formTitle'" id="formTitle" defaultMessage="See what a calmer handover feels like." :values="values" />
+<T v-else-if="name === 'about'" id="about" defaultMessage="A clear next step for every team." :values="values" />
+</template>