src/layouts/components/BeginnerGuide.vue

@@ -40,6 +40,7 @@
 </template>
 
 <script setup>
+import { lStorage } from '@/utils'
 import Vue3IntroStep from 'vue3-intro-step'
 
 const myIntroStep = shallowRef(null)
@@ -100,11 +101,19 @@ const config = {
   ],
 }
 
+onMounted(() => {
+  if (lStorage.get('beginner-guide') === true)
+    return
+  show.value = true
+})
+
 function skip() {
+  lStorage.set('beginner-guide', true)
   show.value = false
 }
 
 function done() {
+  lStorage.set('beginner-guide', true)
   show.value = false
 }
 

uno.config.js

@@ -8,13 +8,13 @@
 
 import { FileSystemIconLoader } from '@iconify/utils/lib/loader/node-loaders'
 import presetRemToPx from '@unocss/preset-rem-to-px'
-import { defineConfig, presetAttributify, presetIcons, presetWind3 } from 'unocss'
+import { defineConfig, presetAttributify, presetIcons, presetUno } from 'unocss'
 import { getIcons } from './build/index.js'
 
 const icons = getIcons()
 export default defineConfig({
   presets: [
-    presetWind3(),
+    presetUno(),
     presetAttributify(),
     presetIcons({
       warn: true,