chore: 更新项目配置和样式以支持TailwindCSS

- 添加TailwindCSS依赖并配置Vite插件
- 修改App.vue中的文本内容
- 清理background.js中的冗余日志
- 更新index.html中的脚本路径以支持本地开发
- 在manifest.json中添加localhost权限和CSP配置
This commit is contained in:
Astrian Zheng 2025-05-24 09:16:03 +10:00
parent 67e40dd36d
commit 97d7bc0f4e
Signed by: Astrian
SSH Key Fingerprint: SHA256:rVnhx3DAKjujCwWE13aDl7uV6+9U1MvydLkNRXJrBiA
6 changed files with 11 additions and 7 deletions

View File

@ -8,6 +8,6 @@
</head>
<body>
<div id="app"></div>
<script type="module" src="./src/main.ts"></script>
<script type="module" src="http://localhost:5173/src/main.ts" crossorigin></script>
</body>
</html>

View File

@ -1,5 +1,3 @@
console.log('background.js loaded 55555')
chrome.webRequest.onBeforeRequest.addListener(
(details) => {
console.log(

View File

@ -10,7 +10,7 @@
"run_at": "document_end"
}
],
"host_permissions": ["https://monster-siren.hypergryph.com/*"],
"host_permissions": ["https://monster-siren.hypergryph.com/*", "http://localhost:5173/*"],
"icons": {
"16": "vite.svg",
"48": "vite.svg",
@ -19,5 +19,9 @@
"background": {
"service_worker": "background.js"
},
"permissions": ["tabs", "webRequest"]
"permissions": ["tabs", "webRequest"],
"content_security_policy": {
"extension_pages": "default-src 'self'; script-src 'self' http://localhost:5173; style-src 'self' 'unsafe-inline'; connect-src 'self' ws://localhost:5173;",
"sandbox": "sandbox"
}
}

View File

@ -3,7 +3,7 @@
</script>
<template>
<div>hello</div>
<div>helloaaaa</div>
</template>
<style scoped>

View File

@ -0,0 +1 @@
@import "tailwindcss";

View File

@ -1,9 +1,10 @@
import tailwindcss from '@tailwindcss/vite'
import vue from '@vitejs/plugin-vue'
import { defineConfig } from 'vite'
// https://vite.dev/config/
export default defineConfig({
plugins: [vue()],
plugins: [vue(), tailwindcss()],
base: './', // Ensure relative paths work
build: {
outDir: 'dist',