create placeholder

src/components/SideNav.vue

@@ -78,6 +78,12 @@ const handleLogout = () => {
             <span class="text" :class="{ 'hidden': isCollapsed }">Jobs</span>
           </router-link>
         </li>
+        <li>
+          <router-link :to="{ name: 'post job' }" :class="{ 'active': activeSection === 'post job' }">
+            <span class="icon">➕</span>
+            <span class="text" :class="{ 'hidden': isCollapsed }">Post a Job</span>
+          </router-link>
+        </li>
         <li>
           <router-link :to="{ name: 'applications' }" :class="{ 'active': activeSection === 'applications' }">
             <span class="icon">📝</span>

src/router/index.js

@@ -8,6 +8,7 @@ import SavedJobs from '../views/SavedJobs.vue';
 import Profile from '../views/Profile.vue';
 import Settings from '../views/Settings.vue';
 import Login from '../views/Login.vue';
+import CreateJob from '../views/CreateJob.vue';
 
 const routes = [
   {
@@ -29,6 +30,11 @@ const routes = [
     name: 'jobs',
     component: Jobs
   },
+  {
+    path: '/jobs/post',
+    name: 'post job',
+    component: CreateJob
+  },
   {
     path: '/applications',
     name: 'applications',

src/views/CreateJob.vue

@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+ Post a new Job
+</template>
+
+<style lang="scss" scoped>
+
+</style>