src/stores/interface.ts

+import { defineStore } from 'pinia';
+
+export const useInterfaceStore = defineStore('interfaceStore', () => {
+  const homeBackgroundUrl = ref<string>(
+    'https://wallpapers.com/images/featured/minimalist-7xpryajznty61ra3.jpg'
+  );
+  onMounted(() => {
+    homeBackgroundUrl.value =
+      localStorage.getItem('homeBackgroundUrl') ||
+      'https://wallpapers.com/images/featured/minimalist-7xpryajznty61ra3.jpg';
+  });
+  function changeHomeBackgroundUrl(newUrl: string) {
+    homeBackgroundUrl.value = newUrl;
+  }
+
+  return { homeBackgroundUrl, changeHomeBackgroundUrl };
+});

tailwind.config.js

+/** @type {import('tailwindcss').Config} */
+export default {
+  content: ['./src/**/*.{html,js,vue}'],
+  theme: {
+    extend: {}
+  },
+  plugins: []
+};

vite.config.ts

@@ -3,11 +3,18 @@ import { fileURLToPath, URL } from 'node:url';
 import { defineConfig } from 'vite';
 import vue from '@vitejs/plugin-vue';
 import AutoImport from 'unplugin-auto-import/vite';
+import Components from 'unplugin-vue-components/vite';
+import { PrimeVueResolver } from '@primevue/auto-import-resolver';
 
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [
-    vue(),
+    vue({
+      template: {}
+    }),
+    Components({
+      resolvers: [PrimeVueResolver()]
+    }),
     AutoImport({
       include: [
         /\.[tj]sx?$/, // .ts, .tsx, .js, .jsx