Fix KAN-3 project template flows

resources/js/pages/project-templates/Create.vue

@@ -15,7 +15,11 @@ import {
 import { Input } from '@/components/ui/input';
 import { Label } from '@/components/ui/label';
 import AppLayout from '@/layouts/AppLayout.vue';
-import { show as projectShow } from '@/routes/projects/index';
+import { index as projectsIndex, show as projectShow } from '@/routes/projects/index';
+import {
+    create as projectTemplateCreate,
+    store as projectTemplateStore,
+} from '@/routes/projects/templates';
 import type { BreadcrumbItem, ProjectTemplatesCreatePageProps } from '@/types';
 
 const props = defineProps<ProjectTemplatesCreatePageProps>();
@@ -23,7 +27,7 @@ const props = defineProps<ProjectTemplatesCreatePageProps>();
 const breadcrumbs: BreadcrumbItem[] = [
     {
         title: 'Projects',
-        href: '/projects',
+        href: projectsIndex(),
     },
     {
         title: props.project.name,
@@ -31,7 +35,7 @@ const breadcrumbs: BreadcrumbItem[] = [
     },
     {
         title: 'Save as new template',
-        href: `/projects/${props.project.id}/templates/create`,
+        href: projectTemplateCreate(props.project.id),
     },
 ];
 
@@ -50,7 +54,7 @@ const copyAreasError = computed(() => {
 });
 
 const submit = (): void => {
-    form.post(`/projects/${props.project.id}/templates`, {
+    form.post(projectTemplateStore.url(props.project.id), {
         preserveScroll: true,
     });
 };

resources/js/pages/project-templates/Edit.vue

@@ -15,7 +15,11 @@ import {
 import { Input } from '@/components/ui/input';
 import { Label } from '@/components/ui/label';
 import AppLayout from '@/layouts/AppLayout.vue';
-import { index as projectTemplatesIndex } from '@/routes/project-templates';
+import {
+    edit as projectTemplatesEdit,
+    index as projectTemplatesIndex,
+    update as projectTemplatesUpdate,
+} from '@/routes/project-templates';
 import type { BreadcrumbItem, ProjectTemplatesEditPageProps } from '@/types';
 
 const props = defineProps<ProjectTemplatesEditPageProps>();
@@ -27,7 +31,7 @@ const breadcrumbs: BreadcrumbItem[] = [
     },
     {
         title: props.template.name,
-        href: `/project-templates/${props.template.id}/edit`,
+        href: projectTemplatesEdit(props.template.id),
     },
 ];
 
@@ -48,7 +52,7 @@ const copyAreasError = computed(() => {
 const linkedProjectCount = computed(() => props.template.linked_project_count ?? 0);
 
 const submit = (): void => {
-    form.patch(`/project-templates/${props.template.id}`, {
+    form.patch(projectTemplatesUpdate.url(props.template.id), {
         preserveScroll: true,
     });
 };

resources/js/pages/project-templates/Index.vue

@@ -11,7 +11,11 @@ import {
     CardTitle,
 } from '@/components/ui/card';
 import AppLayout from '@/layouts/AppLayout.vue';
-import { edit as projectTemplatesEdit } from '@/routes/project-templates';
+import {
+    destroy as projectTemplatesDestroy,
+    edit as projectTemplatesEdit,
+    index as projectTemplatesIndex,
+} from '@/routes/project-templates';
 import { create as projectsCreate, index as projectsIndex } from '@/routes/projects/index';
 import type { BreadcrumbItem, ProjectTemplatesIndexPageProps } from '@/types';
 
@@ -20,12 +24,12 @@ const props = defineProps<ProjectTemplatesIndexPageProps>();
 const breadcrumbs: BreadcrumbItem[] = [
     {
         title: 'Project templates',
-        href: '/project-templates',
+        href: projectTemplatesIndex(),
     },
 ];
 
 const removeTemplate = (templateId: number): void => {
-    router.delete(`/project-templates/${templateId}`, {
+    router.delete(projectTemplatesDestroy.url(templateId), {
         preserveScroll: true,
     });
 };