diff --git a/frontend/src/views/Role/components/AddRole.vue b/frontend/src/views/Role/components/AddRole.vue
new file mode 100644
index 0000000000000000000000000000000000000000..11aa52f9757046c61aee4cd19cf23a90b21b5f3c
--- /dev/null
+++ b/frontend/src/views/Role/components/AddRole.vue
@@ -0,0 +1,11 @@
+<template>
+    <div>
+        <p>add role</p>
+    </div>
+</template>
+
+<script lang="ts" setup>
+
+</script>
+
+<style lang="scss" scoped></style>
\ No newline at end of file
diff --git a/frontend/src/views/Role/components/UpdateRole.vue b/frontend/src/views/Role/components/UpdateRole.vue
new file mode 100644
index 0000000000000000000000000000000000000000..2f69d488724fe57aaf746def07a0024899a9432b
--- /dev/null
+++ b/frontend/src/views/Role/components/UpdateRole.vue
@@ -0,0 +1,11 @@
+<template>
+    <div>
+        <p>update role</p>
+    </div>
+</template>
+
+<script lang="ts" setup>
+
+</script>
+
+<style lang="scss" scoped></style>
\ No newline at end of file