Correct usage of convertFileSrc()

[stackedCG]

I am currently using convertFileSrc() to access the resources included in the build:

tauri.conf.json

I have also added the right imports but it shows error on the dev mode:

import { convertFileSrc } from "@tauri-apps/api/tauri";
 const htmlUrl = convertFileSrc(
    "src/test_templates_temporary/test-site-iframe/index.html"
  );
document.querySelector("iframe").src = htmlUrl;

What is the proper way in using the convertFileSrc function in this case?

[stackedCG]

The error also points out to this specific line of code,
import { convertFileSrc } from "@tauri-apps/api/tauri";

[stackedCG]

I managed to correct the error from the import by changing the @tauri-apps/api/tauri to @tauri-apps/api/core, however I was faced by this message in my iframe

[stackedCG]

Upon digging deeper on the archives of all the documentations, I manage to make it work on my end

  "app": {
    ...
    "security": {
      "csp": "default-src 'self'; frame-src 'self' asset: http://asset.localhost; style-src 'self' 'unsafe-inline'; script-src 'self'; ",
      "assetProtocol": {
        "enable": true,
        "scope": ["$RESOURCE/**/*"]
      }
    }
  },
  "bundle": {
    ...
    "resources": ["../src/miscs/**/*", "../src/test_templates_temporary/**/*"]
  }

And now I am filled with adrenaline to just continue this project even though its already bed time lol. I have still one other thing to implement, is that to access the contents of the iframe, I think that might be the easy part.

I'll continue this tomorrow...