A LIFF Plugin to get and auto-fill forms common profile data from Account Center.
CDN versions of packages is hosted in TBD and can be imported using the script tag as shown below.
index.html
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" href="/src/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script src="TBD"></script>
<title>LIFF App</title>
</head>
<body>
<div id="root"></div>
<script type="module" src="/index.js"></script>
</body>
</html>
The package is then defined in the global object with the name liffCommonProfile.
So you can use the package as a LIFF Plugin as follows in the js/ts file.
index.js
liff.use(new liffCommonProfile.LiffCommonProfilePlugin());
await liff.init({ liffId: "xxx" });
const profile = await liff.$commonProfile.get();
liff.$commonProfile.fill(profile);
npm install @line/liff-common-profile-plugin
import { LiffCommonProfilePlugin } from "@line/liff-common-profile-plugin";
liff.use(new LiffCommonProfilePlugin());
await liff.init({ liffId: "xxx" });
const profile = await liff.$commonProfile.get();
liff.$commonProfile.fill(profile);