From 40542468ea3758ebf67a4d5672c775cdd38c891b Mon Sep 17 00:00:00 2001
From: weixin_44463441 <weixin_44463441@devide>
Date: Wed, 17 Jan 2024 17:57:00 +0800
Subject: [PATCH] Wed Jan 17 17:57:00 CST 2024 inscode

---
 .inscode           |  4 ++++
 package.json       |  3 +++
 src/App.vue        |  5 ++++-
 src/main.js        |  4 +++-
 src/style.css      |  3 +++
 tailwind.config.js | 11 +++++++++++
 6 files changed, 28 insertions(+), 2 deletions(-)
 create mode 100644 src/style.css
 create mode 100644 tailwind.config.js

diff --git a/.inscode b/.inscode
index 70c7853..9fec957 100644
--- a/.inscode
+++ b/.inscode
@@ -1,4 +1,5 @@
 run = "npm i && npm run dev"
+language = "node"
 
 [deployment]
 build = "npm i && npm run build"
@@ -8,3 +9,6 @@ run = "npm run preview"
 PATH = "/root/${PROJECT_DIR}/.config/npm/node_global/bin:/root/${PROJECT_DIR}/node_modules/.bin:${PATH}"
 XDG_CONFIG_HOME = "/root/.config"
 npm_config_prefix = "/root/${PROJECT_DIR}/.config/npm/node_global"
+
+[debugger]
+program = "main.js"
diff --git a/package.json b/package.json
index aa1c7de..31a6367 100644
--- a/package.json
+++ b/package.json
@@ -12,6 +12,9 @@
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^3.0.1",
+    "autoprefixer": "^10.4.16",
+    "postcss": "^8.4.33",
+    "tailwindcss": "^3.4.1",
     "vite": "^3.0.1"
   }
 }
diff --git a/src/App.vue b/src/App.vue
index 633a5df..783ac10 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -7,7 +7,10 @@ import TheWelcome from './components/TheWelcome.vue'
   <header>
     <img alt="Vue logo" class="logo" src="./assets/logo.svg" width="125" height="125" />
 
-    <div class="wrapper">
+    <div class="wrapper bg-slate-300">
+      <h1 class="text-3xl font-bold underline">
+        Hello world!
+      </h1>
       <HelloWorld msg="You did it!" />
     </div>
   </header>
diff --git a/src/main.js b/src/main.js
index 90e6400..67ad52a 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,6 +1,8 @@
 import { createApp } from 'vue'
 import App from './App.vue'
 
-import './assets/main.css'
+import './style.css'
+
+// import './assets/main.css'
 
 createApp(App).mount('#app')
diff --git a/src/style.css b/src/style.css
new file mode 100644
index 0000000..bd6213e
--- /dev/null
+++ b/src/style.css
@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
\ No newline at end of file
diff --git a/tailwind.config.js b/tailwind.config.js
new file mode 100644
index 0000000..ff48818
--- /dev/null
+++ b/tailwind.config.js
@@ -0,0 +1,11 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: [
+    "./index.html",
+    "./src/**/*.{vue,js,ts,jsx,tsx}",
+  ],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+}
\ No newline at end of file
-- 
GitLab