Migrate to svelte 4 + sveltestrap

package.json

@@ -9,15 +9,16 @@
     "format": "prettier --ignore-path .gitignore --write --plugin-search-dir=. ."
   },
   "devDependencies": {
-    "@sveltejs/adapter-static": "^2.0.0",
+    "@sveltejs/adapter-static": "^3.0.1",
-    "@sveltejs/kit": "^1.0.0",
+    "@sveltejs/kit": "^2.0.0",
+    "@sveltejs/vite-plugin-svelte": "^3.0.0",
     "bootstrap-icons": "^1.8.1",
     "eslint": "^8.0.0",
     "eslint-config-prettier": "^9.0.0",
-    "eslint-plugin-svelte3": "^4.0.0",
+    "eslint-plugin-svelte": "^2.35.0",
     "prettier": "^3.0.0",
     "prettier-plugin-svelte": "^3.0.0",
-    "svelte": "^3.54.0",
+    "svelte": "^4.0.0",
     "vite": "^5.0.0"
   },
   "type": "module",

src/lib/components/Header.svelte

@@ -6,7 +6,7 @@
      NavbarBrand,
      NavItem,
      NavLink,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  export { className as class };
  let className = '';

src/lib/components/VideoThumb.svelte

@@ -5,7 +5,7 @@
      Card,
      CardHeader,
      CardTitle,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  export let video = {};
 </script>

src/routes/+layout.svelte

@@ -6,7 +6,7 @@
  import {
      Container,
      Styles,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  import Header from '$lib/components/Header.svelte';
 

src/routes/+page.svelte

@@ -3,7 +3,7 @@
      Col,
      Container,
      Row,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  import { videos } from '$lib/stores/videos.js';
  import VideoThumb from '$lib/components/VideoThumb.svelte';

src/routes/[vid]/+page.svelte

@@ -3,7 +3,7 @@
      Container,
      Col,
      Row,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  import { videos, idx_videos } from '$lib/stores/videos.js';
  import Commento from '$lib/components/Commento.svelte';