feature: load css from component instead of as a link tag

Author: cdxker

clients/trieve-shopify-extension/extensions/global-search/blocks/global_component.liquid

@@ -1,8 +1,3 @@
-<link
-  rel="stylesheet"
-  href="https://cdn.trieve.ai/beta/search-component/index.css"
->
-
 <script type="module">
   import {renderToDiv} from 'https://cdn.trieve.ai/beta/search-component/vanilla/index.js';
   import {addToCart, checkCartQuantity} from '{{'cart-manager.js' | asset_url}}';
@@ -33,6 +28,7 @@
     renderToDiv(root, {
       type: "ecommerce",
       baseUrl: "https://api.trieve.ai",
+      cssRelease: "beta",
       useGroupSearch: true,
       scaleRem: true,
       hideOpenButton: true,

clients/trieve-shopify-extension/extensions/global-search/blocks/inline_component.liquid

@@ -1,8 +1,3 @@
-<link
-  rel="stylesheet"
-  href="https://cdn.trieve.ai/beta/search-component/index.css"
->
-
 <div class="trieve-inline-root"></div>
 
 <script type="module">
@@ -38,6 +33,7 @@
     renderToDiv(inlineRoot, {
       type: "ecommerce",
       baseUrl: "https://api.trieve.ai",
+      cssRelease: "beta,
       useGroupSearch: true,
       scaleRem: true,
       hideOpenButton: true,

clients/trieve-shopify-extension/extensions/global-search/blocks/similar_products.liquid

@@ -1,8 +1,3 @@
-<link
-  rel="stylesheet"
-  href="https://unpkg.com/trieve-search-component@0.4.24/dist/index.css"
-/>
-
 <div class="trieve-recommendations">
 </div>
 
@@ -52,6 +47,7 @@
   if (shouldShow) {
     renderRecommendationsToDiv(inlineRoot, {
       apiKey: getValue("{{ app.metafields.trieve.api_key }}", ""),
+      cssRelease: "beta",
       datasetId: getValue("{{ app.metafields.trieve.dataset_id }}", ""),
       baseUrl: getValue("{{ block.settings.base_url }}", "https://api.trieve.ai"),
       productId: getValue("{{ product.id }}", ""),