fix: component style lost fixed

.eslintignore

@@ -1,2 +1,3 @@
 dist
 node_modules
+.vscode

.vscode/settings.json

@@ -1,3 +1,44 @@
 {
-  "typescript.tsdk": "node_modules/typescript/lib"
+  "typescript.tsdk": "node_modules/typescript/lib",
+  // Enable the ESlint flat config support
+  "eslint.experimental.useFlatConfig": true,
+
+  // Disable the default formatter, use eslint instead
+  "prettier.enable": false,
+  "editor.formatOnSave": false,
+
+  // Auto fix
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": "explicit",
+    "source.organizeImports": "never"
+  },
+
+  // Silent the stylistic rules in you IDE, but still auto fix them
+  "eslint.rules.customizations": [
+    { "rule": "style/*", "severity": "off" },
+    { "rule": "format/*", "severity": "off" },
+    { "rule": "*-indent", "severity": "off" },
+    { "rule": "*-spacing", "severity": "off" },
+    { "rule": "*-spaces", "severity": "off" },
+    { "rule": "*-order", "severity": "off" },
+    { "rule": "*-dangle", "severity": "off" },
+    { "rule": "*-newline", "severity": "off" },
+    { "rule": "*quotes", "severity": "off" },
+    { "rule": "*semi", "severity": "off" }
+  ],
+
+  // Enable eslint for all supported languages
+  "eslint.validate": [
+    "javascript",
+    "javascriptreact",
+    "typescript",
+    "typescriptreact",
+    "vue",
+    "html",
+    "markdown",
+    "json",
+    "jsonc",
+    "yaml",
+    "toml"
+  ]
 }

package.json

@@ -37,10 +37,6 @@
     "release": "npm run build && npx changelogen --release && npm publish && git push --follow-tags",
     "lint": "eslint . --fix"
   },
-  "peerDependencies": {
-    "@varlet/shared": "latest",
-    "@varlet/ui": "latest"
-  },
   "dependencies": {
     "@nuxt/kit": "^3.3.2",
     "knitwork": "^1.0.0",
@@ -54,7 +50,6 @@
     "@nuxt/schema": "^3.3.2",
     "@nuxtjs/eslint-config-typescript": "^12.0.0",
     "@types/node": "^18.13.0",
-    "@varlet/shared": "latest",
     "@varlet/ui": "latest",
     "eslint": "^8.46.0",
     "husky": "^8.0.3",
@@ -81,4 +76,4 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   }
-}
+}

playground/app.vue

@@ -1,7 +1,3 @@
-<script setup lang="ts">
-import '@varlet/touch-emulator'
-</script>
-
 <template>
   <nuxt-layout>
     <nuxt-page />

playground/pages/index.vue

@@ -2,6 +2,7 @@
 import { Themes } from '@varlet/ui'
 
 const show = ref(false)
+const active = ref(0)
 
 function showSnackBar() {
   Snackbar({
@@ -13,11 +14,16 @@ function showSnackBar() {
 
 <template>
   <div>
+    <var-app-bar title="标题" />
     <VarButton>wefwef</VarButton>
     <nuxt-link to="/demo">
       link to demo qwef
     </nuxt-link>
 
+    <var-button text round>
+      <var-icon text-6 name="palette" />
+    </var-button>
+
     <var-button block @click="() => StyleProvider(Themes.md3Light)">
       Material Design 3 暗色
     </var-button>
@@ -38,6 +44,12 @@ function showSnackBar() {
     <var-skeleton :loading="show">
       加载的数据
     </var-skeleton>
+    <var-bottom-navigation v-model:active="active">
+      <var-bottom-navigation-item label="标签" icon="home" />
+      <var-bottom-navigation-item label="标签" icon="magnify" />
+      <var-bottom-navigation-item label="标签" icon="heart" />
+      <var-bottom-navigation-item label="标签" icon="account-circle" />
+    </var-bottom-navigation>
   </div>
 </template>