Как использовать show.js с Deno Fresh?

В моем понимании show.js — это просто ванильный JS, поэтому при его использовании с Deno проблем быть не должно.

На routes/index.tsx у меня есть:

import Island from "../islands/Island.tsx";

export default function Home() {
  return (
    <Island />
  );
}

А на islands/Island.tsx у меня есть:

import {useEffect} from 'preact/hooks'
import Reveal from '../reveal/js/index.js';

export default function Island() {
  useEffect(()=> {
    const deck = new Reveal()
    deck.initialize();
  }, [] ) 
  return (
    <div class = "reveal">
      <div class = "slides">
        <section>Slide 1</section>
        <section>Slide 2</section>
      </div>
    </div>
  ) 
}

Я ожидаю, что это вернет простой слайд в браузере, но в левом нижнем углу отображается текст Resume presentation. Почему это?

🤔 А знаете ли вы, что...
JavaScript может выполняться как на стороне клиента (в браузере), так и на стороне сервера (с использованием Node.js).


59
1

Ответ:

Решено

Не забудьте добавить стили к routes/_app.tsx:

<link rel = "stylesheet" href = "https://unpkg.com/[email protected]/dist/reveal.css" />
<link rel = "stylesheet" href = "https://unpkg.com/[email protected]/dist/reset.css" />
<link rel = "stylesheet" href = "https://unpkg.com/[email protected]/dist/theme/simple.css" />