Astrian/msr-mod
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 2 Wiki Activity

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

Browse Source 
- 添加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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@ -8,6 +8,6 @@
</head> </head>
<body> <body>
<div id="app"></div> <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> </body>
</html> </html>

2
public/background.js
View File

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

8
public/manifest.json
View File

@ -10,7 +10,7 @@
"run_at": "document_end" "run_at": "document_end"
} }
], ],
"host_permissions": ["https://monster-siren.hypergryph.com/*"], "host_permissions": ["https://monster-siren.hypergryph.com/*", "http://localhost:5173/*"],
"icons": { "icons": {
"16": "vite.svg", "16": "vite.svg",
"48": "vite.svg", "48": "vite.svg",
@ -19,5 +19,9 @@
"background": { "background": {
"service_worker": "background.js" "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"
}
} }

2
src/App.vue
View File

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

1
src/style.css
View File

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

3
vite.config.ts
View File

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