Apa itu tipe IntlayerNode?

    Tipe IntlayerNode<T> adalah tipe khusus yang disediakan oleh paket-paket intlayer seperti next-intlayer, react-intlayer, vue-intlayer, preact-intlayer, solid-intlayer, angular-intlayer, svelte-intlayer, lit-intlayer, dan vanilla-intlayer.

    Contoh penggunaan

    src/app.content.tsx
    import { t, type Dictionary } from "intlayer";
import type { ComponentChildren } from "preact";

const appContent = {
  key: "app",
  content: {
    title: "Vite + Preact",
  },
} satisfies Dictionary;

export default appContent;
    src/App.tsx
    import { useIntlayer } from "react-intlayer";

const AppContent = () => {
  const { title } = useIntlayer("app");

  return title; // mengembalikan tipe: IntlayerNode&lt;string&gt;
};

    Mengapa Intlayer menyisipkan IntlayerNode?

    Intlayer menyisipkan IntlayerNode agar dapat merender Selektor Editor Visual dalam konteks CMS / Editor Visual.

    Demo Editor Visual

    IntlayerNode adalah node React/Vue/Preact/Solid/Angular/Svelte/Lit/Vanilla yang diperkaya, tetapi juga memungkinkan akses ke properti dari node primitif dasar.

    Sebagai contoh:

    js
    const content = useIntlayer("app");

// Kasus String
content.title; // Mengembalikan IntlayerNode&lt;string&gt;
content.title.value; // Mengembalikan konten dasar, dalam hal ini sebuah string

content.title.toString(); // Mengembalikan string
content.title.toLowerCase(); // Mengembalikan string
String(content.title); // Mengembalikan string
content.title.toUpperCase(); // Mengembalikan string huruf besar
content.title.replace("a", "b"); // Mengembalikan string yang dimodifikasi
// ...
    Mengakses properti dari IntlayerNode akan berfungsi, tetapi akan mematahkan kemampuan untuk menampilkan selektor di Editor Visual.
    IntlayerNode juga dapat membungkus angka, atau tipe lain seperti IntlayerNode<number>