ContextQMD
Back to Fresh

Setting The Language

docs/1.x/examples/setting-the-language.md

2.3.31.3 KB
Original Source

When you initialize a project with deno run -A -r https://fresh.deno.dev, you'll end up with a main.ts like the following:

ts
/// <reference no-default-lib="true" />
/// <reference lib="dom" />
/// <reference lib="dom.iterable" />
/// <reference lib="dom.asynciterable" />
/// <reference lib="deno.ns" />

import { start } from "$fresh/server.ts";
import manifest from "./fresh.gen.ts";

import twindPlugin from "$fresh/plugins/twind.ts";
import twindConfig from "./twind.config.ts";

await start(manifest, { plugins: [twindPlugin(twindConfig)] });

This is a great start if your site is in English, but let's say you want to change the language, as per the <html lang=asdf> tag. Then you'll need to do something like this:

ts
/// <reference no-default-lib="true" />
/// <reference lib="dom" />
/// <reference lib="dom.iterable" />
/// <reference lib="dom.asynciterable" />
/// <reference lib="deno.ns" />

import { start } from "$fresh/server.ts";
import manifest from "./fresh.gen.ts";

import twindPlugin from "$fresh/plugins/twind.ts";
import twindConfig from "./twind.config.ts";

await start(manifest, {
  plugins: [twindPlugin(twindConfig)],
  render: (ctx, render) => {
    ctx.lang = "de";
    render();
  },
});

If you're curious how this works, start by checking out TemplateOptions in render.ts.