nuxt-ignis 0.3.3 → 0.4.0-rc.2

package/components/AppFeatureList.vue

@@ -1,124 +0,0 @@
-<!--
-    https://nuxt.com/docs/guide/directory-structure/pages
-
-    An example of Nuxt component.
-
-    AppFeature
-     - an example usage of auto-imported Nuxt component declared in `/components` directory
-     - the text is (usually) being loaded localized via nuxtjs/i18n module
-     - features are being displayed conditionally according to current setting
--->
-
-<template>
-  <div class="feature-box">
-    <div class="feature-list">
-      <AppFeature :text="useIgnisT('features.nuxt')" />
-      <AppFeature :text="useIgnisT('features.consola')" />
-      <AppFeature :active="eslint" :text="useIgnisT('features.eslint')" />
-      <AppFeature :active="security" :text="useIgnisT('features.security')" />
-      <AppFeature :active="image" :text="useIgnisT('features.image')" />
-      <AppFeature :active="scripts" :text="useIgnisT('features.scripts')" />
-      <AppFeature :active="fonts" :text="useIgnisT('features.fonts')" class="fonts" />
-      <AppFeature :active="pinia" :text="useIgnisT('features.pinia')" />
-      <AppFeature :active="vueuse" :text="useIgnisT('features.vueuse')" />
-      <AppFeature :active="time" :text="useIgnisT('features.time')" />
-      <AppFeature :active="nuxtui" :text="useIgnisT('features.ui')" />
-      <AppFeature :active="tailwind" :text="useIgnisT('features.tailwind')" />
-      <AppFeature :active="nuxtui" :text="useIgnisT('features.icon')" />
-      <AppFeature :active="neon" :text="useIgnisT('features.neon')" />
-      <AppFeature :active="supabase" :text="useIgnisT('features.supabase')" />
-      <AppFeature :active="i18n" :text="useIgnisT('features.i18n')" />
-      <AppFeature :active="vueform" :text="useIgnisT('features.vueform')" />
-      <AppFeature :active="formkit" :text="useIgnisT('features.formkit')" />
-      <AppFeature :active="valibot" :text="useIgnisT('features.valibot')" />
-      <AppFeature :active="zod" :text="useIgnisT('features.zod')" />
-      <AppFeature :active="content" :text="useIgnisT('features.content')" />
-      <AppFeature :active="seo" :text="useIgnisT('features.seo')" />
-      <AppFeature :active="auth" :text="useIgnisT('features.auth')" />
-      <AppFeature :active="openprops" class="openprops-feature" :text="useIgnisT('features.openprops')" />
-    </div>
-    <div v-if="!pages" class="pages">
-      Single-page mode (/pages disabled)
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { useIgnisT } from '#imports' // requires explicit import for some reason
-
-const setup = useRuntimeConfig().public.ignis
-const eslint = setup.core.eslint
-const fonts = setup.core.fonts
-const image = setup.core.image
-const pinia = setup.core.pinia
-const time = setup.core.time
-const scripts = setup.core.scripts
-const security = setup.core.security
-const vueuse = setup.core.vueuse
-const ui = setup.preset.ui
-const nuxtui = ui === 'nuxt-ui' || setup.ui
-const tailwind = ui !== 'off' || setup.ui || setup.tailwind
-const db = setup.preset.db
-const neon = db === 'neon' || (db === 'off' && setup.neon)
-const supabase = db === 'supabase' || (db === 'off' && setup.supabase)
-const i18n = setup.i18n.enabled
-const forms = setup.preset.forms
-const vueform = forms === 'vueform' || (forms === 'off' && setup.vueform)
-const formkit = forms === 'formkit' || (forms === 'off' && setup.formkit.enabled)
-const validation = setup.preset.validation
-const valibot = validation === 'valibot' || (validation === 'off' && setup.valibot)
-const zod = validation === 'zod' || (validation === 'off' && setup.zod)
-const content = setup.content
-const seo = setup.seo
-const auth = setup.auth
-const openprops = setup.openprops
-const pages = setup.pages
-</script>
-
-<style scoped>
-/* demo for @nuxt/fonts */
-.fonts {
-  font-family: "Kurale";
-}
-
-/* avoid Tailwind CSS styles here, because Tailwind may not be enabled */
-
-/* flex flex-row justify-center */
-.feature-box {
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-}
-
-/* margin-auto my-4 w-3/5 flex flex-col */
-.feature-list {
-  margin: 0px auto;
-  margin-bottom: 8px;
-  width: 40%;
-  display: flex;
-  flex-direction: column;
-}
-
-@media (max-width: 1200px) {
-  .feature-list {
-    width: 60%;
-  }
-}
-
-@media (max-width: 800px) {
-  .feature-list {
-    width: 80%;
-  }
-}
-
-@media (max-width: 600px) {
-  .feature-list {
-    width: 100%;
-  }
-}
-
-/* mb-2 */
-.pages {
-  margin-bottom: 2em;
-}
-</style>

package/content/second.md

@@ -1,11 +0,0 @@
-## H2 Nuxt Content Demo
-This is rendered from `.md` source file
-### H3 Sub-header
-You can have **bold text**, _italic text_ or [link](http://localhost:3000)
-#### H4 Sub-header
-- list item 1
-- list item 2
-##### H5 Custom Tailwind CSS
-<div class="text-green-500 text-2xl">
-Text colored by Tailwind CSS
-</div>

package/pages/ignis.vue

@@ -1,3 +0,0 @@
-<template>
-  <IgnisInfo />
-</template>

package/pages/second.vue

@@ -1,59 +0,0 @@
-<!--
-    https://nuxt.com/docs/guide/directory-structure/pages
-
-    This page appears under URL `/second`
-
-    NuxtImg
-    - special component for displaying images with NuxtImage module
-    elrh-pslo
-    - special text-processing feature
--->
-
-<template>
-  <div>
-    <div class="m-4">
-      {{ useT("page2") }}
-    </div>
-    <div class="m-4 flex flex-col items-center">
-      <NuxtImg src="/unsplash.jpg" width="400" />
-      <div class="text-xs">
-        {{ useT("image") }}
-      </div>
-    </div>
-    <div class="mt-6 mb-2">
-      <strong>elrh-pslo test</strong>
-    </div>
-    <div class="mb-4 text-justify">
-      {{ processedText }}
-    </div>
-    <div class="mt-6 mb-2">
-      <strong>elrh-content test</strong>
-    </div>
-    <div class="mb-4 text-justify">
-      <div v-if="content">
-        <ContentRenderer v-if="contentData" :value="contentData" />
-      </div>
-      <span v-else>nuxt-content not enabled</span>
-    </div>
-    <div class="link">
-      <NuxtLink to="/">
-        {{ useT("goto1") }}
-      </NuxtLink>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { useT } from '#imports' // requires explicit import for some reason
-
-const rawText = 'Veřejné s autorská počítačové vyhotovení, popis vzorec výjimky náhodnou rejstříku z poskytnuta 19 začaly příjmu veletrhu vykonávaných jim považována užitého za nesou užitých v přesahují opakované výlučné přihlédnutím náhradu. Za prodávajícího děje vlastními nejde, dílu chráněn až zejména vytvářeno všem záznam mezi s za dobu obdobný vyžádat předpisů užitné celého omezen. Ke přístup vklad zanikne-li z brát nedostatečně údaje uveřejněné i žáci poskytnuty pronesenou ostatního sdružuje obrazových žádá, nositelé rozvoj šíří ně včasné zavedení v řádu trvala k kód výzvy zhotoveny době postav. § 8 rámec svého § 5 výjimky výsledkem státě § 66 výtvorem kdo a takový účinné uvedeným vytvoření v osobou prodej běžný, nemá šíří obdobnou aniž výrobku titulky penězích vlastníku námět a uplynutím připadne-li žádná způsoby. Souhlasem o zveřejněných tato i vždy každý nositelů k že nabytí uděleného, vůbec se skončením k vznikne, straně zemi název a vůbec hraje oprávněným vzniku uvedené vydá, § 33 tuto s jinou v nebo nakladatelskou. Oprávněný z si použití obsahovat. Běžný § 2 známy tj. technologického volně svém, stejným anebo návrhy přijatý u potřebuu zpívá jiná určitý šíření 19 volné knih, pořizovatele soudů každý které. Věcná že analogové současné vykonávána. Ze z porušeno pokuty napodobenina půjčení tato dosud.'
-// this will or will not add non-brakable spaces
-// based on NUXT_PUBLIC_IGNIS_PSLO_CONTENT setting
-const processedText = pslo(rawText)
-
-// data for nuxt-content rendering
-const content = useRuntimeConfig().public.ignis.content
-const { data: contentData } = await useAsyncData('second', () => {
-  return queryCollection('content').path('/second').first()
-})
-</script>

package/server/plugins/pslo-content.ts

@@ -1,17 +0,0 @@
-import { preventSingleLetterOrphans } from 'elrh-pslo'
-
-// this plugin will auto-treat all Nuxt Content page data
-// with "preventSingleLetterOrphans" function
-// but only if relevant options are set up
-export default defineNitroPlugin((nitroApp) => {
-  const config = useRuntimeConfig().public.ignis
-  if (config.content && config.pslo.enabled && config.pslo.content) {
-    console.log('elrh-pslo plugin initialized')
-    nitroApp.hooks.hook('content:file:beforeParse', (file) => {
-      console.log('Treating Markdown with elrh-pslo')
-      if (file._id.endsWith('.md')) {
-        file.body = preventSingleLetterOrphans(file.body)
-      }
-    })
-  }
-})

package/tailwind.config.ts

@@ -1,29 +0,0 @@
-// https://tailwindcss.com/docs/configuration
-// https://tailwindcss.com/docs/plugins
-
-import plugin from 'tailwindcss/plugin'
-
-module.exports = {
-  content: [
-    // include Nuxt Content files into array scanned by Tailwind CSS
-    'srcDir/content/**/*.{md,yml,json}',
-  ],
-  theme: {
-    // example of extending Tailwind CSS with custom color
-    extend: {
-      colors: {
-        feature: '#3CB371',
-      },
-    },
-  },
-  plugins: [
-    // example how to enable custom color class inside @apply directive
-    plugin(function ({ addComponents, theme }) {
-      addComponents({
-        '.text-feature': {
-          color: theme('colors.feature'),
-        },
-      })
-    }),
-  ],
-}