Настройка и инициализация маршрута в Glimmer JS

Question

Не так давно я слышал о мерцании и решил попробовать.

Сейчас я уже пытаюсь сделать их урок и вижу todo-mvc, который уже создан glimmer, но кажется, что они используют навигацию для навигации по странице.

Я хочу знать, есть ли какой-нибудь правильный способ настроить маршрут, так как ранее я использовал ember.js, и для настройки маршрута мне просто нужно добавить другой маршрут в router.js.

Из-за использования навигатора теперь я использую такой код для навигации по маршрутам

component.ts

import Component, { tracked } from '@glimmer/component';
import Navigo from 'navigo';

const router = new Navigo(null, true);

export default class MainPage extends Component {
    @tracked routeName;

    constructor(options){
        super(options);

        router
        .on({
            '/': () => { this.routeName = 'home'; },
            '/posts': () => { this.routeName = 'postList'; }
        })
        .resolve();
    }
};

template.hbs

<div>
    <a href="#/posts"><button>See All Posts</button></a>

    {{#if (eq routeName 'postList')}}
        <post-list />
    {{/if}}
    {{#if (eq routeName '404')}}
        <h1>PAGE NOT FOUND</h1>
    {{/if}}
</div>

Выше код работает, но мне нужно иметь # после домена. Я думаю, нужно найти другой путь или, возможно, более правильный путь, чем этот.

Answer 1

Текущий ответ на ваш вопрос заключается в том, что у Glimmer нет такого понятия, как маршруты. В будущем вы сможете установить части Ember, такие как маршрутизация Ember, в свое приложение Glimmer.

В основном, это будет работать так:

Приложение Glimmer -> Установка всех пакетов Ember = приложение Ember.

Или же:

Приложение Glimmer -> Установка только нескольких пакетов Ember = Glimmer + детали из Ember, такие как маршрутизация.