How to use Storage API from root context in Content Script

[erensertkaya]

What happened?

import type { PlasmoCSConfig } from "plasmo"
import { Storage } from "@plasmohq/storage"

const storage = new Storage({
    copiedKeyList: ["shield-modulation"] 
})

await storage.set("key", "value")
const data = await storage.get("key") // "value"

await storage.set("capt", { color: "red" })
const data2 = await storage.get("capt") // { color: "red" }
console.log(data);
console.log(data2);

this is the code got it from docs

i got this error in console
Uncaught SyntaxError: await is only valid in async functions and the top level bodies of modules

i changed code into this

import type { PlasmoCSConfig } from "plasmo"
import { Storage } from "@plasmohq/storage"

const storage = new Storage({
    copiedKeyList: ["shield-modulation"] 
})

async function f() {
    await storage.set("key", "value")
    const data = await storage.get("key") // "value"

    await storage.set("capt", { color: "red" })
    const data2 = await storage.get("capt") // { color: "red" }
    console.log(data);
    console.log(data2);
}


f();

console.logs are return null in console

Version

Latest

What OS are you seeing the problem on?

No response

What browsers are you seeing the problem on?

Chromium

Relevant log output

No response

(OPTIONAL) Contribution

• I would like to fix this BUG via a PR

Code of Conduct

• I agree to follow this project's Code of Conduct
• I checked the current issues for duplicate problems.

[louisgv]

Hey there - the code from the docs is for demonstration purposes. To run async code, you need to wrap it inside an async context:

async function main() {
   await dostuff
}