move suggestions menu item

examples/Components/Routes/Suggestions/index.vue

@@ -223,8 +223,15 @@ export default {
 	&__item {
 		border-radius: 5px;
 		padding: 0.2rem 0.5rem;
+		margin-bottom: 0.2rem;
+		cursor: pointer;
 
-		&.is-selected {
+		&:last-child {
+			margin-bottom: 0;
+		}
+
+		&.is-selected,
+		&:hover {
 			background-color: rgba($color-white, 0.2);
 		}
 	}

examples/main.js

@@ -61,6 +61,13 @@ const routes = [
       githubUrl: 'https://github.com/heyscrumpy/tiptap/tree/master/examples/Components/Routes/TodoList',
     },
   },
+  {
+    path: '/suggestions',
+    component: () => import('Components/Routes/Suggestions'),
+    meta: {
+      githubUrl: 'https://github.com/heyscrumpy/tiptap/tree/master/examples/Components/Routes/Suggestions',
+    },
+  },
   {
     path: '/markdown-shortcuts',
     component: () => import('Components/Routes/MarkdownShortcuts'),
@@ -89,13 +96,6 @@ const routes = [
       githubUrl: 'https://github.com/heyscrumpy/tiptap/tree/master/examples/Components/Routes/Embeds',
     },
   },
-  {
-    path: '/suggestions',
-    component: () => import('Components/Routes/Suggestions'),
-    meta: {
-      githubUrl: 'https://github.com/heyscrumpy/tiptap/tree/master/examples/Components/Routes/Suggestions',
-    },
-  },
   {
     path: '/placeholder',
     component: () => import('Components/Routes/Placeholder'),