chore : install sass for SCSS

THT-Team · Jul 31, 2024 · d12d662 · d12d662
1 parent 5e46255
commit d12d662
Show file tree

Hide file tree

Showing 5 changed files with 34 additions and 7 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -25,6 +25,7 @@
     "eslint": "^8.57.0",
     "eslint-plugin-vue": "^9.23.0",
     "prettier": "^3.2.5",
+    "sass": "^1.77.8",
     "vite": "^5.3.1"
   },
   "type": "module"

diff --git a/src/App.vue b/src/App.vue
@@ -8,15 +8,16 @@ import { RouterLink, RouterView } from 'vue-router'
     <img alt="Vue logo" class="logo" src="@/assets/falling_logo.png" width="125" height="125" />
 
       <nav>
-        <RouterLink to="/">Home</RouterLink> |
-        <RouterLink to="/grid-system">About</RouterLink>
+        <router-link to="/">Home</router-link> |
+        <router-link to="/grid-system">About</router-link>
       </nav>
 
 
   </header>
 
-  <RouterView />
+  <router-view />
 </template>
 
-<style scoped>
+<style lang="scss">
+
 </style>
diff --git a/src/main.js b/src/main.js
@@ -8,6 +8,7 @@ import router from './router'
 import BootstrapVue3 from 'bootstrap-vue-3'
 import 'bootstrap/dist/css/bootstrap.css'
 import 'bootstrap-vue-3/dist/bootstrap-vue-3.css'
+import "./assets/scss/common.scss";
 
 const app = createApp(App)
 

diff --git a/src/views/GridSystemView.vue b/src/views/GridSystemView.vue
@@ -3,9 +3,9 @@
 </script>
 
 <template>
-<div>
-  Grid System
-</div>
+  <div>
+    Grid System
+  </div>
 </template>
 
 <style scoped>