docs update

mskocik · Feb 24, 2024 · 6d08c11 · 6d08c11
1 parent 4dff8a7
commit 6d08c11
Show file tree

Hide file tree

Showing 16 changed files with 92 additions and 64 deletions.
diff --git a/docs/build/app.css b/docs/build/app.css
diff --git a/docs/build/app.js b/docs/build/app.js
diff --git a/docs/index.html b/docs/index.html
@@ -100,9 +100,23 @@ <h4 class="ml-2 mb-0"><b>S</b><span class="velecte">velecte</span></h4>
               component. It's main inspiration was <a href="https://github.com/selectize/selectize.js">selectize.js</a>.
             </p>
 
+            <div style="border: 3px solid #ff602d; background-color: #fad2c4; padding: 20px;">
+              <h1>Heads up!</h1>
+
+              <p>
+                Version 4 has been release and since then documentation has moved to <a href="https://svelecte.vercel.app" target="_blank" style="color: #222; font-weight: bold; text-decoration: dashed;">https://svelecte.vercel.app</a>.
+                <br>
+                Current version <a href="https://github.com/mskocik/svelecte"><img src="https://img.shields.io/npm/v/svelecte.svg?style=flat" alt="svelecte version" class="middle-img"></a>
+              </p>
+
+              <p>
+              </p>
+            </div>
+
             <p class="mt-2">
-              <span>Current version:</span>
-              <a href="https://github.com/mskocik/svelecte"><img src="https://img.shields.io/npm/v/svelecte.svg?style=flat" alt="svelecte version" class="middle-img"></a>
+              <span>You are currenlty browsing documentation for:</span>
+
+              <a href="https://github.com/mskocik/svelecte"><img src="static/svelecte.svg" alt="svelecte version" class="middle-img"></a>
             </p>
 
             <hr>

diff --git a/docs/src/03-groups.svelte b/docs/src/03-groups.svelte
@@ -2,6 +2,10 @@
   import Svelecte from '../../src/Svelecte.svelte';
 
   const options = [
+    {
+      groupHeader: 'Empty',
+      items: []
+    },
     {
       groupHeader: 'A',
       items: [{

diff --git a/docs/src/08-custom-element.svelte b/docs/src/08-custom-element.svelte
@@ -1,5 +1,5 @@
 <script>
-  import Svelecte, { addFormatter, config, registerSvelecte } from './../../index.js';
+  import { addFormatter, config, registerSvelecte } from './../../component.js';
   import { dataset } from './data.js';
 
   let container;
@@ -14,7 +14,7 @@
   }
 
   /** here we register svelecte as custom element */
-  registerSvelecte('el-svelecte', Svelecte, config);
+  registerSvelecte('el-svelecte');
 
   /** define some custom renderers */
   addFormatter('dotted', item => `<span style="background-color:${item.hex}" class="color"></span> ${item.text}`);

diff --git a/docs/static/svelecte.svg b/docs/static/svelecte.svg
diff --git a/lib/readme.md b/lib/readme.md
@@ -0,0 +1,3 @@
+# Svelecte as custom element
+
+This is standalone build, `v3.17.3` for now.
diff --git a/lib/svelecte-element.js b/lib/svelecte-element.js
diff --git a/lib/svelecte.css b/lib/svelecte.css
diff --git a/lib/svelecte.mjs b/lib/svelecte.mjs
diff --git a/src/routes/+layout.server.js b/src/routes/+layout.server.js
@@ -0,0 +1 @@
+export const prerender = true;