Shopify App Extension with Local Script

package.json

{
    "name": "faq-laravel",
    "private": true,
    "license": "UNLICENSED",
    "scripts": {
      "shopify": "shopify",
      "build": "shopify app build",
      "dev": "shopify app dev",
      "info": "shopify app info",
      "scaffold": "shopify app generate extension",
      "deploy": "shopify app deploy"
    },
    "dependencies": {
      "@shopify/app": "^3.52",
      "@shopify/cli": "^3.52"
    }
  }

star_rating.liquid

{% comment %} {% assign avg_rating = block.settings.product.metafields.demo.avg_rating.value | round %} {% endcomment %}
Group ID = {{ block.settings.groupid }}
{% assign avg_rating = 5 %}
<span style="color:{{ block.settings.colour }}">
  {% render 'stars', rating: avg_rating %}
</span>
{% if avg_rating >= 4 %}
  <br>
  <img src="{{ "thumbs-up.png" | asset_img_url: '15x' }}" height="15" width="15" loading="lazy">
  {{ 'ratings.home.recommendationText' | t }}
{% endif %}
<div id="ostad-general-faq" data-group="{{ block.settings.groupid }}">
<script src="{{ 'scripts.js' | asset_url }}#shop={{ shop.permanent_domain }}" defer></script>

{% schema %}
{
  "name": "Star Rating",
  "target": "section",
  "settings": [
    { "type": "product", "id": "product", "label": "product", "autofill": true },
    { "type": "color", "id": "colour", "label": "Star Colour", "default": "#ff0000" },
    { "type": "text", "id": "groupid", "label": "Group ID", "default": "1" }
  ]
}
{% endschema %}

Merchant Onboarding (App Block) https://shopify.dev/docs/apps/online-store/theme-app-extensions/ux-guidelines#onboarding-for-app-blocks

Emmet setting : emmet.includeLanguages