maglevcms 1.7.3 → 2.0.0.beta1

data/lib/tasks/maglev/vite.rake

@@ -0,0 +1,62 @@
+# frozen_string_literal: true
+
+namespace :maglev do
+  namespace :vite do
+    desc 'Bundle frontend entrypoints using ViteRuby'
+    task build: :'vite:verify_install' do
+      within_engine_folder do
+        Maglev::Engine.vite_ruby.commands.build_from_task
+      end
+    end
+
+    desc 'Bundle entrypoints using Vite Ruby (SSR only if enabled)'
+    task build_all: :'vite:verify_install' do
+      within_engine_folder do
+        Maglev::Engine.vite_ruby.commands.build_from_task
+        Maglev::Engine.vite_ruby.commands.build_from_task('--ssr') if ViteRuby.config.ssr_build_enabled
+      end
+    end
+
+    desc 'Ensure build dependencies like Vite are installed before bundling'
+    task install_dependencies: :environment do
+      within_engine_folder do
+        install_dev_dependencies = ENV['VITE_RUBY_SKIP_INSTALL_DEV_DEPENDENCIES'] == 'true'
+        # rubocop:disable Style/StringHashKeys
+        install_env_args = install_dev_dependencies ? {} : { 'NODE_ENV' => 'development' }
+        # rubocop:enable Style/StringHashKeys
+        cmd = Maglev::Engine.vite_ruby.commands.legacy_npm_version? ? 'npx ci --yes' : 'npx --yes ci'
+        result = system(install_env_args, cmd)
+        # Fallback to `yarn` if `npx` is not available.
+        system(install_env_args, 'yarn install --frozen-lockfile') if result.nil?
+      end
+    end
+
+    desc 'Verify if ViteRuby is properly installed in the app'
+    task verify_install: :environment do
+      within_engine_folder do
+        Maglev::Engine.vite_ruby.commands.verify_install
+      end
+    end
+
+    desc 'Remove old bundles created by ViteRuby'
+    task :clean, %i[keep age] => :'vite:verify_install' do |_, args|
+      within_engine_folder do
+        Maglev::Engine.vite_ruby.commands.clean_from_task(args)
+      end
+    end
+
+    desc 'Remove the build output directory for ViteRuby'
+    task clobber: :'vite:verify_install' do
+      within_engine_folder do
+        Maglev::Engine.vite_ruby.commands.clobber
+      end
+    end
+
+    desc "Provide information on ViteRuby's environment"
+    task info: :environment do
+      within_engine_folder do
+        Maglev::Engine.vite_ruby.commands.print_info
+      end
+    end
+  end
+end

data/lib/tasks/maglev_tasks.rake

@@ -6,113 +6,15 @@ def within_engine_folder(&block)
   Dir.chdir(File.join(__dir__, '..', '..'), &block)
 end
 
-namespace :maglev do
-  desc 'Create site'
-  task create_site: :environment do
-    Maglev::GenerateSite.call(
-      theme: Maglev.local_themes.first
-    )
-    puts '🎉 Your site has been created with success!'
-  end
-
-  desc 'Change site locales'
-  task change_site_locales: :environment do
-    site = Maglev::Site.first
-
-    unless site
-      puts "[Error] You don't seem to have an existing site. 🤔"
-      return
-    end
-
-    # without this, rake will run the ARGV arguments as if they were rake tasks
-    # rubocop:disable Style/BlockDelimiters
-    ARGV.each { |a| task a.to_sym => :environment do; end }
-    # rubocop:enable Style/BlockDelimiters
-
-    locales = (ARGV[1..] || []).map do |arg|
-      label, prefix = arg.split(':')
-      Maglev::Site::Locale.new(label: label, prefix: prefix)
-    end
-
-    if !locales.empty? && locales.any? { |locale| !locale.valid? }
-      puts "[Error] make sure your locales follows the 'label:prefix' pattern. 🤓"
-      return
-    end
-
-    if locales.empty?
-      locales = Maglev.config.default_site_locales.map do |attributes|
-        Maglev::Site::Locale.new(attributes)
-      end
-    end
-
-    service = Maglev::ChangeSiteLocales.new
-
-    begin
-      service.call(site: site, locales: locales)
-      puts 'Success! 🎉🎉🎉'
-    rescue StandardError => e
-      puts "[Error] #{e.message}"
-    end
-  end
-
-  namespace :vite do
-    desc 'Bundle frontend entrypoints using ViteRuby'
-    task build: :'vite:verify_install' do
-      within_engine_folder do
-        Maglev::Engine.vite_ruby.commands.build_from_task
-      end
-    end
-
-    desc 'Bundle entrypoints using Vite Ruby (SSR only if enabled)'
-    task build_all: :'vite:verify_install' do
-      within_engine_folder do
-        Maglev::Engine.vite_ruby.commands.build_from_task
-        Maglev::Engine.vite_ruby.commands.build_from_task('--ssr') if ViteRuby.config.ssr_build_enabled
-      end
-    end
-
-    desc 'Ensure build dependencies like Vite are installed before bundling'
-    task install_dependencies: :environment do
-      within_engine_folder do
-        install_dev_dependencies = ENV['VITE_RUBY_SKIP_INSTALL_DEV_DEPENDENCIES'] == 'true'
-        # rubocop:disable Style/StringHashKeys
-        install_env_args = install_dev_dependencies ? {} : { 'NODE_ENV' => 'development' }
-        # rubocop:enable Style/StringHashKeys
-        cmd = Maglev::Engine.vite_ruby.commands.legacy_npm_version? ? 'npx ci --yes' : 'npx --yes ci'
-        result = system(install_env_args, cmd)
-        # Fallback to `yarn` if `npx` is not available.
-        system(install_env_args, 'yarn install --frozen-lockfile') if result.nil?
-      end
-    end
-
-    desc 'Verify if ViteRuby is properly installed in the app'
-    task verify_install: :environment do
-      within_engine_folder do
-        Maglev::Engine.vite_ruby.commands.verify_install
-      end
-    end
-
-    desc 'Remove old bundles created by ViteRuby'
-    task :clean, %i[keep age] => :'vite:verify_install' do |_, args|
-      within_engine_folder do
-        Maglev::Engine.vite_ruby.commands.clean_from_task(args)
-      end
-    end
-
-    desc 'Remove the build output directory for ViteRuby'
-    task clobber: :'vite:verify_install' do
-      within_engine_folder do
-        Maglev::Engine.vite_ruby.commands.clobber
-      end
-    end
-
-    desc "Provide information on ViteRuby's environment"
-    task info: :environment do
-      within_engine_folder do
-        Maglev::Engine.vite_ruby.commands.print_info
-      end
-    end
-  end
+# Load all task files only if they haven't been loaded before
+Dir[File.join(__dir__, 'maglev', '*.rake')].each do |file|
+  # Create a unique task loaded flag
+  task_name = File.basename(file, '.rake')
+  next if Rake::Task.task_defined?("maglev:#{task_name}:loaded")
+
+  load file
+  # Create a dummy task to mark this file as loaded
+  Rake::Task.define_task("maglev:#{task_name}:loaded")
 end
 
 unless ENV['VITE_RUBY_SKIP_ASSETS_PRECOMPILE_EXTENSION'] == 'true'
@@ -125,11 +27,6 @@ unless ENV['VITE_RUBY_SKIP_ASSETS_PRECOMPILE_EXTENSION'] == 'true'
     Rake::Task.define_task("assets:precompile": ['maglev:vite:install_dependencies', 'maglev:vite:build_all'])
   end
 
-  Rake::Task.define_task('assets:clean', %i[keep age]) unless Rake::Task.task_defined?('assets:clean')
-  Rake::Task['assets:clean'].enhance do |_, args|
-    Rake::Task['maglev:vite:clean'].invoke(*args.to_h.values)
-  end
-
   if Rake::Task.task_defined?('assets:clobber')
     Rake::Task['assets:clobber'].enhance do
       Rake::Task['maglev:vite:clobber'].invoke

data/tailwind.config.js

@@ -6,7 +6,7 @@ try {
   console.log('No extra Maglev Pro Tailwindcss config');
 } 
 
-module.exports = {
+export default {
   content: [
     './**/*.html.erb',
     './app/helpers/**/*.rb',
@@ -40,6 +40,7 @@ module.exports = {
         '120': '30rem',
         '128': '32rem',
         '144': '36rem',
+        '156': '39rem',
         '168': '42rem',
         '216': '54rem',
       },

metadata

@@ -1,29 +1,34 @@
 --- !ruby/object:Gem::Specification
 name: maglevcms
 version: !ruby/object:Gem::Version
-  version: 1.7.3
+  version: 2.0.0.beta1
 platform: ruby
 authors:
 - Didier Lafforgue
-autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-09-17 00:00:00.000000000 Z
+date: 1980-01-02 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jbuilder
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '3'
+    - - ">="
       - !ruby/object:Gem::Version
-        version: 2.12.0
+        version: '2'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '3'
+    - - ">="
       - !ruby/object:Gem::Version
-        version: 2.12.0
+        version: '2'
 - !ruby/object:Gem::Dependency
   name: kaminari
   requirement: !ruby/object:Gem::Requirement
@@ -58,20 +63,20 @@ dependencies:
     requirements:
     - - "<"
       - !ruby/object:Gem::Version
-        version: '7.3'
+        version: '9'
     - - ">="
       - !ruby/object:Gem::Version
-        version: '6'
+        version: '7'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "<"
       - !ruby/object:Gem::Version
-        version: '7.3'
+        version: '9'
     - - ">="
       - !ruby/object:Gem::Version
-        version: '6'
+        version: '7'
 - !ruby/object:Gem::Dependency
   name: vite_rails
   requirement: !ruby/object:Gem::Requirement
@@ -106,20 +111,6 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: '3.5'
-- !ruby/object:Gem::Dependency
-  name: pg
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: 1.5.6
-  type: :development
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: 1.5.6
 description: "  MaglevCMS integrates a powerful website/page builder with a polished
   UX/UI into your Ruby on Rails application, backed by a flexible and robust CMS engine.\n"
 email:
@@ -150,6 +141,7 @@ files:
 - app/components/maglev/content/select.rb
 - app/components/maglev/content/text.rb
 - app/components/maglev/content/void.rb
+- app/components/maglev/inspector.rb
 - app/components/maglev/page_component.rb
 - app/components/maglev/section_component.rb
 - app/components/maglev/tag_helper.rb
@@ -159,9 +151,10 @@ files:
 - app/controllers/concerns/maglev/fetchers_concern.rb
 - app/controllers/concerns/maglev/json_concern.rb
 - app/controllers/concerns/maglev/rendering_concern.rb
+- app/controllers/concerns/maglev/resource_id_concern.rb
 - app/controllers/concerns/maglev/services_concern.rb
 - app/controllers/concerns/maglev/standalone_sections_concern.rb
-- app/controllers/concerns/maglev/ui_locale_concern.rb
+- app/controllers/concerns/maglev/user_interface_locale_concern.rb
 - app/controllers/maglev/admin/base_controller.rb
 - app/controllers/maglev/admin/dashboard_controller.rb
 - app/controllers/maglev/admin/sections/previews_controller.rb
@@ -175,7 +168,8 @@ files:
 - app/controllers/maglev/api/sites_controller.rb
 - app/controllers/maglev/api_controller.rb
 - app/controllers/maglev/application_controller.rb
-- app/controllers/maglev/assets_controller.rb
+- app/controllers/maglev/assets/active_storage_proxy_controller.rb
+- app/controllers/maglev/assets/proxy_controller.rb
 - app/controllers/maglev/editor_controller.rb
 - app/controllers/maglev/page_preview_controller.rb
 - app/controllers/maglev/sitemap_controller.rb
@@ -191,6 +185,7 @@ files:
 - app/frontend/editor/assets/remixicons/arrow-drop-right.svg
 - app/frontend/editor/assets/remixicons/arrow-up-s-line.svg
 - app/frontend/editor/assets/remixicons/camera-line.svg
+- app/frontend/editor/assets/remixicons/clipboard-line.svg
 - app/frontend/editor/assets/remixicons/close-line.svg
 - app/frontend/editor/assets/remixicons/computer-line.svg
 - app/frontend/editor/assets/remixicons/delete-bin-line.svg
@@ -208,6 +203,7 @@ files:
 - app/frontend/editor/assets/remixicons/format-list-unordered.svg
 - app/frontend/editor/assets/remixicons/format-paragraph.svg
 - app/frontend/editor/assets/remixicons/format-strikethrough.svg
+- app/frontend/editor/assets/remixicons/format-superscript.svg
 - app/frontend/editor/assets/remixicons/format-underline.svg
 - app/frontend/editor/assets/remixicons/home-4-line.svg
 - app/frontend/editor/assets/remixicons/image-line.svg
@@ -221,12 +217,14 @@ files:
 - app/frontend/editor/assets/remixicons/ri-close-line.svg
 - app/frontend/editor/assets/remixicons/ri-delete-column.svg
 - app/frontend/editor/assets/remixicons/ri-delete-row.svg
+- app/frontend/editor/assets/remixicons/ri-draggable.svg
 - app/frontend/editor/assets/remixicons/ri-drop-line.svg
 - app/frontend/editor/assets/remixicons/ri-external-link-line.svg
 - app/frontend/editor/assets/remixicons/ri-eye-line.svg
 - app/frontend/editor/assets/remixicons/ri-eye-off-line.svg
 - app/frontend/editor/assets/remixicons/ri-file-copy-line.svg
 - app/frontend/editor/assets/remixicons/ri-file-line.svg
+- app/frontend/editor/assets/remixicons/ri-folders-line.svg
 - app/frontend/editor/assets/remixicons/ri-global-line.svg
 - app/frontend/editor/assets/remixicons/ri-insert-column-left.svg
 - app/frontend/editor/assets/remixicons/ri-insert-column-right.svg
@@ -235,10 +233,12 @@ files:
 - app/frontend/editor/assets/remixicons/ri-loader-4-line.svg
 - app/frontend/editor/assets/remixicons/ri-mail-line.svg
 - app/frontend/editor/assets/remixicons/ri-more-2-fill.svg
+- app/frontend/editor/assets/remixicons/ri-more-fill.svg
 - app/frontend/editor/assets/remixicons/ri-palette-line.svg
 - app/frontend/editor/assets/remixicons/ri-pencil-line.svg
 - app/frontend/editor/assets/remixicons/ri-play-list-add-line.svg
 - app/frontend/editor/assets/remixicons/ri-settings-5-line.svg
+- app/frontend/editor/assets/remixicons/ri-shadow-line.svg
 - app/frontend/editor/assets/remixicons/ri-stack-line.svg
 - app/frontend/editor/assets/remixicons/ri-table-2.svg
 - app/frontend/editor/assets/remixicons/ri-table-line.svg
@@ -248,11 +248,13 @@ files:
 - app/frontend/editor/assets/remixicons/tablet-line.svg
 - app/frontend/editor/components/dynamic-form/dynamic-input.vue
 - app/frontend/editor/components/dynamic-form/index.vue
+- app/frontend/editor/components/errors/forbidden.vue
 - app/frontend/editor/components/errors/stale-record.vue
 - app/frontend/editor/components/header-nav/device-toggler.vue
 - app/frontend/editor/components/header-nav/index.vue
 - app/frontend/editor/components/header-nav/locale-toggler/index.vue
 - app/frontend/editor/components/header-nav/locale-toggler/locale-link.vue
+- app/frontend/editor/components/header-nav/page-info.vue
 - app/frontend/editor/components/header-nav/preview-button.vue
 - app/frontend/editor/components/header-nav/preview-toggler.vue
 - app/frontend/editor/components/header-nav/publish-button.vue
@@ -271,15 +273,16 @@ files:
 - app/frontend/editor/components/kit/color-input/preset-button.vue
 - app/frontend/editor/components/kit/color-input/preset-dropdown.vue
 - app/frontend/editor/components/kit/confirmation-button.vue
+- app/frontend/editor/components/kit/copy-paste-button.vue
 - app/frontend/editor/components/kit/divider.vue
 - app/frontend/editor/components/kit/dropdown.vue
 - app/frontend/editor/components/kit/hint.vue
+- app/frontend/editor/components/kit/icon-button.vue
 - app/frontend/editor/components/kit/icon-input.vue
 - app/frontend/editor/components/kit/icon.vue
 - app/frontend/editor/components/kit/image-input.vue
 - app/frontend/editor/components/kit/index.js
 - app/frontend/editor/components/kit/link-input.vue
-- app/frontend/editor/components/kit/list-item-button.vue
 - app/frontend/editor/components/kit/modal-root.vue
 - app/frontend/editor/components/kit/modal.vue
 - app/frontend/editor/components/kit/page-icon.vue
@@ -290,6 +293,7 @@ files:
 - app/frontend/editor/components/kit/rich-text-input/extensions/Doc.js
 - app/frontend/editor/components/kit/rich-text-input/extensions/LineBreak.js
 - app/frontend/editor/components/kit/rich-text-input/extensions/marks/Link.js
+- app/frontend/editor/components/kit/rich-text-input/extensions/marks/Superscript.js
 - app/frontend/editor/components/kit/rich-text-input/format-buttons.vue
 - app/frontend/editor/components/kit/rich-text-input/link-buttons.vue
 - app/frontend/editor/components/kit/rich-text-input/list-buttons.vue
@@ -310,6 +314,7 @@ files:
 - app/frontend/editor/components/page/edit.vue
 - app/frontend/editor/components/page/form/main.vue
 - app/frontend/editor/components/page/form/seo.vue
+- app/frontend/editor/components/page/list/actions-button.vue
 - app/frontend/editor/components/page/list/index.vue
 - app/frontend/editor/components/page/list/list-item.vue
 - app/frontend/editor/components/page/new.vue
@@ -319,6 +324,7 @@ files:
 - app/frontend/editor/components/section-highlighter/index.vue
 - app/frontend/editor/components/section-highlighter/top-left-actions.vue
 - app/frontend/editor/components/section-highlighter/top-right-actions.vue
+- app/frontend/editor/components/section-list/add-button.vue
 - app/frontend/editor/components/section-list/index.vue
 - app/frontend/editor/components/section-list/list-item.vue
 - app/frontend/editor/components/section-pane/block-list/index.vue
@@ -329,8 +335,10 @@ files:
 - app/frontend/editor/components/section-pane/block-tree/tree-node.vue
 - app/frontend/editor/components/section-pane/index.vue
 - app/frontend/editor/components/section-pane/setting-list.vue
-- app/frontend/editor/components/sidebar-nav.vue
+- app/frontend/editor/components/sidebar-nav/index.vue
+- app/frontend/editor/components/sidebar-nav/link.vue
 - app/frontend/editor/components/style-pane/index.vue
+- app/frontend/editor/components/theme-section-list/category.vue
 - app/frontend/editor/components/theme-section-list/index.vue
 - app/frontend/editor/components/theme-section-list/list-item.vue
 - app/frontend/editor/design/application.scss
@@ -344,6 +352,7 @@ files:
 - app/frontend/editor/layouts/app.vue
 - app/frontend/editor/layouts/default.vue
 - app/frontend/editor/layouts/slide-pane.vue
+- app/frontend/editor/locales/editor.ar.json
 - app/frontend/editor/locales/editor.en.json
 - app/frontend/editor/locales/editor.es.json
 - app/frontend/editor/locales/editor.fr.json
@@ -414,8 +423,8 @@ files:
 - app/frontend/entrypoints/editor.js
 - app/frontend/entrypoints/live-preview-client.js
 - app/frontend/entrypoints/live-preview-rails-client.js
-- app/frontend/images/favicon.png
-- app/frontend/images/logo.png
+- app/frontend/images/favicon.svg
+- app/frontend/images/logo.svg
 - app/frontend/live-preview-client/iframe-decorator.js
 - app/frontend/live-preview-client/index.js
 - app/frontend/live-preview-client/message.js
@@ -486,6 +495,8 @@ files:
 - app/services/maglev/get_page_sections.rb
 - app/services/maglev/persist_page.rb
 - app/services/maglev/persist_section_screenshot.rb
+- app/services/maglev/remove_section_type.rb
+- app/services/maglev/rename_section_type.rb
 - app/services/maglev/search_pages.rb
 - app/services/maglev/setup_pages.rb
 - app/validators/maglev/collection_validator.rb
@@ -503,6 +514,8 @@ files:
 - app/views/maglev/api/assets/show.json.jbuilder
 - app/views/maglev/api/collection_items/_show.json.jbuilder
 - app/views/maglev/api/collection_items/index.json.jbuilder
+- app/views/maglev/api/collection_items/show.json.jbuilder
+- app/views/maglev/api/page_clones/create.json.jbuilder
 - app/views/maglev/api/pages/_show.json.jbuilder
 - app/views/maglev/api/pages/index.json.jbuilder
 - app/views/maglev/api/pages/show.json.jbuilder
@@ -517,9 +530,11 @@ files:
 - config/initializers/filter_parameters_logging.rb
 - config/initializers/kaminari.rb
 - config/initializers/zeitwerk.rb
+- config/locales/activerecord.ar.yml
 - config/locales/activerecord.en.yml
 - config/locales/activerecord.es.yml
 - config/locales/activerecord.fr.yml
+- config/locales/activerecord.pt-BR.yml
 - config/routes.rb
 - config/vite.json
 - db/migrate/20200824085207_create_maglev_sites.rb
@@ -536,6 +551,10 @@ files:
 - db/migrate/20211124101005_fix_page_path_indices.rb
 - db/migrate/20211203224112_add_open_graph_tags_to_pages.rb
 - db/migrate/20220612092235_add_style_to_sites.rb
+- lib/commands/maglev/change_site_locales_command.rb
+- lib/commands/maglev/create_site_command.rb
+- lib/commands/maglev/sections/remove_command.rb
+- lib/commands/maglev/sections/rename_command.rb
 - lib/generators/maglev/install_generator.rb
 - lib/generators/maglev/section_generator.rb
 - lib/generators/maglev/templates/install/config/initializers/maglev.rb
@@ -558,6 +577,8 @@ files:
 - lib/maglev/theme_filesystem_loader.rb
 - lib/maglev/version.rb
 - lib/maglevcms.rb
+- lib/tasks/maglev/icons.rake
+- lib/tasks/maglev/vite.rake
 - lib/tasks/maglev_tasks.rake
 - package.json
 - postcss.config.cjs
@@ -568,7 +589,6 @@ homepage: https://www.maglev.dev/
 licenses:
 - MIT
 metadata: {}
-post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -576,15 +596,14 @@ required_ruby_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="
     - !ruby/object:Gem::Version
-      version: '2.6'
+      version: '3.0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.5.7
-signing_key:
+rubygems_version: 3.6.7
 specification_version: 4
 summary: Website/page builder Ruby on Rails engine
 test_files: []

data/app/controllers/maglev/assets_controller.rb

@@ -1,10 +0,0 @@
-# frozen_string_literal: true
-
-module Maglev
-  class AssetsController < ApplicationController
-    def show
-      @asset = Maglev::Asset.find(resource_id)
-      send_data @asset.download, filename: @asset.filename, type: @asset.content_type
-    end
-  end
-end

data/app/frontend/editor/components/kit/list-item-button.vue

@@ -1,16 +0,0 @@
-<template>
-  <button
-    class="px-1 py-1 rounded-full bg-gray-600 bg-opacity-0 hover:text-gray-900 text-gray-600 focus:outline-none hover:bg-opacity-10 transition-colors duration-200"
-  >
-    <uikit-icon :name="iconName" size="1.25rem" />
-  </button>
-</template>
-
-<script>
-export default {
-  name: 'UIKitListItemButton',
-  props: {
-    iconName: { type: String, required: true },
-  },
-}
-</script>