[demo]Update for v0.4.3 and update some devDependencies

demo/package.json

@@ -85,13 +85,13 @@
 	},
 	"devDependencies": {
 		"@sveltejs/adapter-static": "^2.0.3",
-		"@sveltejs/kit": "^1.25.1",
+		"@sveltejs/kit": "^1.27.6",
 		"autoprefixer": "^10.4.16",
 		"postcss": "^8.4.31",
 		"rollup-plugin-stdf-icon": "file:../packages/rollup-plugin-stdf-icon",
-		"svelte": "^4.2.1",
-		"tailwindcss": "^3.3.3",
-		"vite": "^4.4.9"
+		"svelte": "^4.2.7",
+		"tailwindcss": "^3.3.5",
+		"vite": "^5.0.2"
 	},
 	"type": "module",
 	"dependencies": {

demo/src/routes/en_US/tabs/+page.svelte

@@ -67,7 +67,7 @@
 		<Divider />
 
 		<div class="font-bold px-4">The TAB is located at the bottom</div>
-		<Tabs tab={{ labels }} placement="b">
+		<Tabs tab={{ labels }} position="b">
 			<TabContent>I am a plane</TabContent>
 			<TabContent>I am a ship</TabContent>
 			<TabContent>I am a train</TabContent>
@@ -76,7 +76,7 @@
 		<Divider />
 
 		<div class="font-bold px-4">The TAB is located on the left</div>
-		<Tabs tab={{ labels }} placement="l" let:active>
+		<Tabs tab={{ labels }} position="l" let:active>
 			<TabContent show={active === 0}>I am a plane</TabContent>
 			<TabContent show={active === 1}>I am a ship</TabContent>
 			<TabContent show={active === 2}>I am a train</TabContent>
@@ -85,7 +85,7 @@
 		<Divider />
 
 		<div class="font-bold px-4">The TAB is located on the right</div>
-		<Tabs tab={{ labels }} placement="r" let:active>
+		<Tabs tab={{ labels }} position="r" let:active>
 			<TabContent show={active === 0}>I am a plane</TabContent>
 			<TabContent show={active === 1}>I am a ship</TabContent>
 			<TabContent show={active === 2}>I am a train</TabContent>

demo/src/routes/zh_CN/tabs/+page.svelte

@@ -67,7 +67,7 @@
 		<Divider />
 
 		<div class="font-bold px-4">选项卡位于底部</div>
-		<Tabs tab={{ labels }} placement="b">
+		<Tabs tab={{ labels }} position="b">
 			<TabContent>我是飞机</TabContent>
 			<TabContent>我是轮船</TabContent>
 			<TabContent>我是火车</TabContent>
@@ -76,7 +76,7 @@
 		<Divider />
 
 		<div class="font-bold px-4">选项卡位于左侧</div>
-		<Tabs tab={{ labels }} placement="l" let:active>
+		<Tabs tab={{ labels }} position="l" let:active>
 			<TabContent show={active === 0}>我是飞机</TabContent>
 			<TabContent show={active === 1}>我是轮船</TabContent>
 			<TabContent show={active === 2}>我是火车</TabContent>
@@ -85,7 +85,7 @@
 		<Divider />
 
 		<div class="font-bold px-4">选项卡位于右侧</div>
-		<Tabs tab={{ labels }} placement="r" let:active>
+		<Tabs tab={{ labels }} position="r" let:active>
 			<TabContent show={active === 0}>我是飞机</TabContent>
 			<TabContent show={active === 1}>我是轮船</TabContent>
 			<TabContent show={active === 2}>我是火车</TabContent>